#staff-open{margin-left:auto!important}#reports-open{margin-left:8px!important}.user-session{display:flex;align-items:center;gap:12px}.user-session>span{display:grid;text-align:right}.user-session small{color:#94a3b8;font-size:11px}.user-session button{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.07);color:#e2e8f0}body[data-user-role="receptionist"] #product-add,body[data-user-role="receptionist"] [data-product]{display:none!important}.staff-modal main{margin-top:24px}.staff-list,.audit-list{display:grid;gap:9px}.staff-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 100px auto;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}.staff-row.inactive{opacity:.62}.staff-row>div:first-child{display:grid;gap:4px}.staff-row small,.audit-list small{color:#94a3b8}.staff-row>div:last-child{display:flex;justify-content:flex-end;gap:7px}.staff-row button{padding:9px 12px;border:0;border-radius:11px;background:rgba(255,255,255,.09);color:#e2e8f0}.staff-row [data-edit]{background:rgba(129,140,248,.18);color:#c7d2fe}.staff-role,.staff-status{width:max-content;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#cbd5e1;font-size:12px}.staff-role.manager{color:#c7d2fe;background:rgba(99,102,241,.14)}.staff-role.admin{color:#fde68a;background:rgba(245,158,11,.12)}.audit-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.audit-list article>div{display:grid;gap:4px}.audit-list time{color:#94a3b8;font-size:13px;white-space:nowrap}.staff-modal select{min-height:44px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#202638;color:#fff}@media(max-width:780px){.staff-row{grid-template-columns:1fr 1fr}.staff-row>div:first-child,.staff-row>div:last-child{grid-column:1/-1}.staff-row>div:last-child{justify-content:flex-start}.audit-list article{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:540px){.user-session>span{display:none}.user-session{gap:6px}}