:root{--bg:#090b10;--surface:#10141b;--surface2:#151a23;--surface3:#1b2230;--line:#242c39;--text:#f4f7fb;--muted:#8d99aa;--muted2:#637083;--accent:#8b5cf6;--accent2:#6d4aff;--cyan:#22d3ee;--green:#39d98a;--amber:#f6b84b;--red:#fb5d70;--blue:#5b8cff;--radius:18px;--shadow:0 24px 80px rgba(0,0,0,.36);--sidebar:248px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(139,92,246,.10),transparent 28%),var(--bg);color:var(--text);font-family:Vazirmatn,system-ui,-apple-system,sans-serif;min-height:100vh;font-size:14px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}.is-hidden{display:none!important}.mobile-only{display:none!important}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);border-left:1px solid var(--line);background:rgba(11,14,20,.93);backdrop-filter:blur(20px);z-index:40;display:flex;flex-direction:column}.sidebar-head{height:82px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.055)}.sidebar-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sidebar-head strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.sidebar-head small,.eyebrow{color:var(--muted2);font-size:10px;letter-spacing:1.65px;font-weight:700}.brand-mini{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:12px;background:linear-gradient(145deg,#9b75ff,#5f36ea);box-shadow:0 8px 30px rgba(109,74,255,.28)}.brand-mini.big{width:40px;height:40px}.nav{padding:14px 10px 20px;overflow:auto;flex:1}.nav-item{width:100%;border:0;background:transparent;color:#a8b2c0;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;cursor:pointer;text-align:right;margin:2px 0;transition:.18s}.nav-item svg{width:17px;height:17px;stroke-width:1.8}.nav-item span:nth-child(2){flex:1}.nav-item:hover{background:#131923;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(139,92,246,.19),rgba(139,92,246,.07));color:#fff;box-shadow:inset -2px 0 var(--accent)}.nav-label{font-size:9px;color:#525d6c;letter-spacing:1.7px;margin:22px 12px 7px;font-weight:800}.nav-badge{min-width:20px;height:20px;border-radius:7px;background:rgba(57,217,138,.1);color:var(--green);display:grid!important;place-items:center;flex:0!important;font-size:10px;font-weight:800}.nav-badge.warn{background:rgba(246,184,75,.1);color:var(--amber)}.sidebar-foot{padding:13px;border-top:1px solid var(--line)}.user-chip{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#222a38;color:#fff;font-weight:700}.user-chip>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.user-chip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:var(--muted);font-size:10px;text-transform:uppercase}.main{grid-column:2;min-width:0}.topbar{height:82px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(9,11,16,.78);backdrop-filter:blur(18px)}.topbar-start{display:flex;align-items:center;gap:14px}.topbar h2{margin:2px 0 0;font-size:20px}.topbar-actions{display:flex;align-items:center;gap:9px}.live-clock{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;color:#c8d0db;font-variant-numeric:tabular-nums;font-size:12px;background:rgba(255,255,255,.02)}.pulse-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(57,217,138,.08)}.status-dot.muted{background:#5e6877;box-shadow:none}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#11161e;color:#c8d1de;border-radius:10px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{background:#181f2a;color:#fff}.icon-btn svg{width:17px}.notification-btn{position:relative}.count-dot{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--red);display:grid;place-items:center;font-size:9px;color:white;border:2px solid var(--bg)}.content{padding:clamp(20px,3vw,42px);max-width:1540px;margin:0 auto}.page{display:none}.page.active{display:block;animation:fadeUp .2s ease}@keyframes fadeUp{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.hero-row h3,.section-head h3{margin:0 0 5px;font-size:23px}.hero-row p,.section-head p,.card-head p{margin:0;color:var(--muted);font-size:12px}.shift-pill,.revenue-chip{height:37px;border:1px solid var(--line);background:#11161e;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#c5ceda;font-size:11px}.revenue-chip strong{color:white}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.metric-card{background:linear-gradient(145deg,#11161e,#0f131a);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-height:138px;display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-card.accent:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(139,92,246,.13);left:-35px;top:-40px;filter:blur(5px)}.metric-icon{width:34px;height:34px;border-radius:10px;background:#1b2230;color:#a98aff;display:grid;place-items:center;margin-bottom:18px}.metric-icon svg{width:17px}.metric-card>span{color:var(--muted);font-size:11px}.metric-card strong{font-size:25px;letter-spacing:-.4px;margin-top:4px;font-variant-numeric:tabular-nums}.metric-card small{color:var(--muted2);font-size:10px;margin-top:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel-card{background:linear-gradient(145deg,rgba(17,22,30,.96),rgba(13,17,23,.98));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.01)}.span-2{grid-column:span 2}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h4,.form-card h4{margin:0 0 4px;font-size:14px}.tag{font-size:9px;letter-spacing:1px;color:var(--green);border:1px solid rgba(57,217,138,.18);padding:4px 7px;border-radius:7px;background:rgba(57,217,138,.06)}.chart-wrap{height:240px}.chart-wrap.small{height:210px;margin-bottom:18px}.attention-list,.activity-list,.record-list,.incident-list,.reservation-list{display:flex;flex-direction:column;gap:8px}.attention-item,.activity-item,.record-item,.incident-card,.reservation-card{padding:11px 12px;background:#0c1016;border:1px solid #1d2531;border-radius:12px;display:flex;align-items:center;gap:10px}.attention-icon,.activity-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#181f2a;color:var(--amber)}.attention-icon svg,.activity-icon svg{width:15px}.attention-text,.activity-text{min-width:0;flex:1}.attention-text strong,.activity-text strong,.record-item strong{font-size:11px;display:block}.attention-text small,.activity-text small,.record-item small{color:var(--muted);font-size:9px}.health-mini{min-height:120px;display:grid;place-items:center;text-align:center}.health-mini strong{font-size:13px}.health-mini small{display:block;color:var(--muted);margin-top:5px}.btn{border:1px solid transparent;height:39px;padding:0 14px;border-radius:10px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:600;font-size:11px;white-space:nowrap}.btn svg{width:15px}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#7046ef);box-shadow:0 8px 24px rgba(112,70,239,.16)}.btn.secondary{background:#17202c;border-color:#263244}.btn.ghost{background:#11161e;border-color:var(--line)}.btn.danger-soft{background:rgba(251,93,112,.09);border-color:rgba(251,93,112,.2);color:#ff8d9b}.btn.success{background:rgba(57,217,138,.12);border-color:rgba(57,217,138,.22);color:#77e8ae}.btn.warning{background:rgba(246,184,75,.11);border-color:rgba(246,184,75,.22);color:#f7c76d}.btn.compact{height:35px;padding:0 11px}.btn.wide{width:100%;height:43px}.btn:disabled{opacity:.45;cursor:not-allowed}.text-btn{border:0;background:transparent;color:#9e84ff;font-size:10px;cursor:pointer}.mt{margin-top:12px}.split-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:12px}.form-card{display:flex;flex-direction:column;gap:13px;align-self:start}.form-card label,.filter-bar label,.form-grid label,.modal-body label{display:flex;flex-direction:column;gap:6px;color:#9ea9b8;font-size:10px}input,select,textarea,.select{width:100%;border:1px solid #27303d;background:#0d1117;color:#edf2f7;border-radius:10px;outline:none;padding:10px 11px;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#6f52d7;box-shadow:0 0 0 3px rgba(139,92,246,.07)}textarea{resize:vertical}.select.compact{width:auto;padding:7px 28px 7px 9px;font-size:10px}.preset-row{display:flex;flex-wrap:wrap;gap:6px}.preset{border:1px solid #2a3340;background:#141a23;color:#c7d0dc;border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer}.preset:hover{border-color:#6c50cc;color:white}.record-item{align-items:flex-start}.record-item .amount{margin-right:auto;font-weight:700;color:white;font-variant-numeric:tabular-nums}.record-item .amount.red{color:#ff8595}.record-item .record-main{flex:1;min-width:0}.record-meta{display:flex;gap:8px;color:var(--muted2);font-size:9px;margin-top:5px}.station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.station-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#121822,#0d1118);padding:17px;position:relative;overflow:hidden}.station-card.busy{border-color:rgba(139,92,246,.35);box-shadow:inset 0 0 0 1px rgba(139,92,246,.06)}.station-card.paused{border-color:rgba(246,184,75,.33)}.station-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.station-name{display:flex;align-items:center;gap:9px}.station-name .device-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#1a2230;color:#9d82ff}.station-name .device-icon svg{width:17px}.station-name strong{font-size:13px}.station-name small{display:block;color:var(--muted);font-size:9px}.state-badge{font-size:9px;border-radius:8px;padding:5px 8px;background:rgba(57,217,138,.08);color:var(--green);border:1px solid rgba(57,217,138,.14)}.state-badge.busy{background:rgba(139,92,246,.08);color:#ad94ff;border-color:rgba(139,92,246,.18)}.state-badge.paused{background:rgba(246,184,75,.08);color:var(--amber);border-color:rgba(246,184,75,.18)}.station-timer{font-size:31px;font-weight:300;letter-spacing:1px;font-variant-numeric:tabular-nums;margin:7px 0 1px}.station-price{color:#dce3ed;font-size:12px}.station-price strong{font-size:16px}.station-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.station-detail{background:#0b0f15;border:1px solid #1c2430;padding:9px;border-radius:10px}.station-detail span{display:block;color:var(--muted2);font-size:8px}.station-detail strong{font-size:10px}.station-actions{display:flex;gap:7px;flex-wrap:wrap}.station-actions .btn{flex:1}.station-notes{margin-top:12px;border-top:1px solid #202734;padding-top:10px}.station-note{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#aab4c2;padding:5px 0}.station-note button{border:0;background:none;color:#667183;cursor:pointer}.employee-grid,.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.employee-card,.health-card{border:1px solid var(--line);background:#10151d;border-radius:16px;padding:16px}.employee-top,.health-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.employee-card h4,.health-card h4{margin:0;font-size:13px}.employee-card small,.health-card small{color:var(--muted);font-size:9px}.inline-actions{display:flex;gap:6px}.mini-btn{border:1px solid #2a3442;background:#141a23;color:#bdc8d5;border-radius:8px;padding:6px 9px;cursor:pointer;font-size:9px}.mini-btn:hover{color:#fff}.task-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-column{border:1px solid var(--line);background:#0d1117;border-radius:16px;padding:12px;min-height:300px}.task-column-head{display:flex;justify-content:space-between;padding:3px 4px 12px;color:#cfd6df;font-size:11px}.task-column-head span{color:var(--muted);font-size:9px}.task-card{background:#141a23;border:1px solid #222b37;border-radius:12px;padding:12px;margin-bottom:8px}.task-card h5{margin:0 0 6px;font-size:11px}.task-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.task-meta{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.priority{font-size:8px;border-radius:6px;padding:4px 6px;background:#1b2330;color:#a8b3c2}.priority.urgent,.priority.high{color:#ff8b99;background:rgba(251,93,112,.08)}.incident-card,.reservation-card{padding:14px;align-items:flex-start}.incident-card .main-info,.reservation-card .main-info{flex:1}.incident-card h4,.reservation-card h4{margin:0 0 4px;font-size:12px}.incident-card p,.reservation-card p{margin:0;color:var(--muted);font-size:9px}.severity{padding:5px 8px;border-radius:7px;font-size:8px}.severity.critical,.severity.high{background:rgba(251,93,112,.09);color:#ff8997}.severity.medium{background:rgba(246,184,75,.08);color:#f2bd60}.severity.low{background:rgba(57,217,138,.08);color:#6de7a7}.filter-bar{display:flex;align-items:flex-end;gap:9px;background:#10151c;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px}.filter-bar label{min-width:120px}.filter-bar .grow{flex:1}.compact-metrics .metric-card{min-height:92px;padding:14px}.compact-metrics .metric-card strong{font-size:19px}.table-wrap{overflow:auto;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:right;border-bottom:1px solid #202733;padding:10px 8px;font-size:10px}th{color:#727f91;font-weight:600;background:#0e131a;position:sticky;top:0}td{color:#bdc7d3}tbody tr:hover{background:rgba(255,255,255,.015)}.role-badge{display:inline-flex;padding:4px 7px;border-radius:6px;background:#1b2230;color:#a994ff;font-size:8px}.employee-card.inactive{opacity:.55}.employee-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}.employee-meta div{background:#0c1016;border-radius:8px;padding:7px}.employee-meta span{display:block;font-size:8px;color:var(--muted2)}.employee-meta strong{font-size:9px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-start}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr auto;gap:8px;align-items:end;background:#0c1016;border:1px solid #202835;border-radius:12px;padding:10px}.setting-row label{font-size:8px;color:var(--muted)}.health-card .health-value{font-size:20px;font-weight:700;margin-top:12px}.health-card.ok .health-value{color:var(--green)}.health-card.warn .health-value{color:var(--amber)}.health-card.bad .health-value{color:var(--red)}.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;max-width:1180px;margin:auto;padding:40px;gap:80px}.login-art{display:flex;gap:24px;align-items:flex-start}.brand-mark{width:88px;height:88px;border-radius:25px;background:linear-gradient(145deg,#a278ff,#6238eb);display:grid;place-items:center;box-shadow:0 24px 70px rgba(112,70,239,.27);flex:none}.brand-mark span{font-size:42px;font-weight:800}.login-art h1{font-size:52px;line-height:1;margin:10px 0 15px;letter-spacing:-1px}.login-art p{max-width:440px;color:var(--muted);font-size:14px}.login-card{background:linear-gradient(145deg,#121822,#0d1118);border:1px solid #28303c;border-radius:22px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px}.login-title{display:flex;align-items:center;gap:12px;margin-bottom:5px}.login-title>div:nth-child(2){display:flex;flex-direction:column}.login-title strong{font-size:16px}.login-title small{color:var(--muted);font-size:10px}.login-card label{display:flex;flex-direction:column;gap:7px;color:#aab5c3;font-size:10px}.form-error{color:#ff8997;font-size:10px;min-height:17px}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(400px,92vw);background:#0d1118;border-right:1px solid var(--line);z-index:80;transform:translateX(-105%);transition:.22s;box-shadow:var(--shadow)}.drawer.open{transform:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:70;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-head{height:70px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head>div{display:flex;flex-direction:column}.drawer-head small{color:var(--muted);font-size:9px}.drawer-body{padding:12px;overflow:auto;height:calc(100% - 70px)}.notification-item{border:1px solid #202835;background:#111720;border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer}.notification-item.unread{border-color:#4a3a80}.notification-item strong{font-size:11px}.notification-item p{font-size:9px;color:var(--muted);margin:5px 0}.notification-item small{font-size:8px;color:var(--muted2)}.modal-backdrop{position:fixed;inset:0;background:rgba(2,4,7,.68);backdrop-filter:blur(5px);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{width:min(540px,100%);max-height:88vh;overflow:auto;border:1px solid #2b3441;background:#111720;border-radius:20px;box-shadow:var(--shadow)}.modal-head{height:68px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head>div{display:flex;flex-direction:column}.modal-head small{font-size:9px;color:var(--muted)}.modal-body{padding:17px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.toast-stack{position:fixed;left:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:250px;max-width:380px;background:#151b24;border:1px solid #293342;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow);font-size:10px;animation:toastIn .2s ease}.toast.success{border-color:rgba(57,217,138,.28)}.toast.error{border-color:rgba(251,93,112,.32)}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.empty{padding:30px 12px;text-align:center;color:var(--muted2);font-size:10px;border:1px dashed #252e3a;border-radius:12px}.sidebar-backdrop{display:none}
@media(max-width:1080px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2{grid-column:span 2}.form-grid{grid-template-columns:repeat(2,1fr)}.task-board{grid-template-columns:1fr}.login-view{gap:30px}}
@media(max-width:780px){:root{--sidebar:270px}.mobile-only{display:grid!important}.app-shell{display:block}.sidebar{transform:translateX(105%);transition:.2s}.sidebar.open{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35;opacity:0;pointer-events:none}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.main{width:100%}.topbar{height:72px;padding:0 14px}.topbar .eyebrow{display:none}.topbar h2{font-size:17px}.live-clock,.quick-expense-label{display:none}.content{padding:17px 12px 30px}.hero-row,.section-head{align-items:flex-start}.hero-row h3,.section-head h3{font-size:19px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:118px;padding:14px}.metric-card strong{font-size:20px}.dashboard-grid{display:flex;flex-direction:column}.split-grid{grid-template-columns:1fr}.station-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar .grow{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr 1fr}.setting-row>div:first-child{grid-column:1/-1}.login-view{display:flex;flex-direction:column;justify-content:center;padding:22px;gap:26px}.login-art{display:none}.login-card{width:100%;max-width:430px}.table-wrap{margin:0 -5px}.chart-wrap{height:205px}.section-head>.btn{height:35px;padding:0 10px}.toast-stack{left:10px;right:10px;bottom:10px}.toast{max-width:none;min-width:0}.quick-expense-btn{display:none}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:108px}.metric-icon{margin-bottom:11px}.topbar-actions .btn{display:none}.filter-bar{grid-template-columns:1fr}.filter-bar .grow{grid-column:auto}.setting-row{grid-template-columns:1fr}}


/* v2.4 Staff UX refresh */
.staff-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.staff-quick-card{min-height:92px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#121822,#0e131a);color:var(--text);padding:16px;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.staff-quick-card:hover{transform:translateY(-2px);border-color:#3d4858;background:#151c26}
.staff-quick-card.primary-action{border-color:rgba(139,92,246,.34);background:linear-gradient(145deg,rgba(139,92,246,.17),#111620)}
.staff-quick-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#1b2330;color:#ac93ff;flex:none}
.staff-quick-icon svg{width:22px;height:22px}
.staff-quick-card>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.staff-quick-card strong{font-size:13px}
.staff-quick-card small{font-size:9px;color:var(--muted)}
.staff-quick-card .quick-arrow{width:16px;height:16px;color:#5f6b7b;flex:none}

/* Stations are deliberately large: exactly two cards per row on desktop/tablet. */
.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1260px}
.station-card{padding:24px;border-radius:22px;min-height:330px;background:linear-gradient(150deg,#131a24,#0c1118)}
.station-card.busy{box-shadow:inset 0 0 0 1px rgba(139,92,246,.08),0 18px 45px rgba(0,0,0,.13)}
.station-top{margin-bottom:22px}
.station-name{gap:13px}
.station-name .device-icon{width:48px;height:48px;border-radius:14px}
.station-name .device-icon svg{width:23px;height:23px}
.station-name strong{font-size:16px}
.station-name small{font-size:11px;margin-top:3px}
.state-badge{font-size:11px;padding:7px 11px;border-radius:9px;font-weight:700}
.station-timer{font-size:44px;font-weight:500;letter-spacing:1.2px;margin:12px 0 5px;line-height:1.15}
.station-price{font-size:14px;color:#cbd4df}
.station-price strong{font-size:22px;margin-right:4px;color:#fff}
.station-details{gap:11px;margin:19px 0}
.station-detail{padding:12px 13px;border-radius:12px}
.station-detail span{font-size:10px;margin-bottom:4px}
.station-detail strong{font-size:12px}
.station-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.station-actions .btn{width:100%;height:46px;font-size:12px;border-radius:12px}
.station-actions .btn:only-child{grid-column:1/-1;height:50px;font-size:13px}
.station-notes{margin-top:17px;padding-top:14px}
.station-note{font-size:11px;padding:7px 2px}
.station-notes .mini-btn{font-size:10px;padding:8px 11px}

/* Staff screens prioritize touch targets and readability over density. */
body.role-staff{font-size:15px}
body.role-staff .nav-item{min-height:47px;padding:12px 13px;font-size:13px;border-radius:12px}
body.role-staff .nav-item svg{width:19px;height:19px}
body.role-staff .sidebar-head strong{font-size:16px}
body.role-staff .content{max-width:1380px}
body.role-staff .hero-row h3,body.role-staff .section-head h3{font-size:25px}
body.role-staff .hero-row p,body.role-staff .section-head p{font-size:12px;line-height:1.8}
body.role-staff .metric-card{min-height:148px;padding:20px}
body.role-staff .metric-card>span{font-size:12px}
body.role-staff .metric-card strong{font-size:28px}
body.role-staff .panel-card{padding:21px}
body.role-staff input,body.role-staff select,body.role-staff textarea{font-size:13px}
body.role-staff .form-card .btn{height:46px;font-size:12px}
body.role-staff .task-card{padding:15px}
body.role-staff .task-card h5{font-size:13px}
body.role-staff .task-card p{font-size:11px}

@media(max-width:1080px){
 .staff-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .station-card{padding:20px}
 .station-timer{font-size:38px}
}
@media(max-width:780px){
 .staff-quick-actions{grid-template-columns:1fr 1fr;gap:9px}
 .staff-quick-card{min-height:78px;padding:12px;gap:9px}
 .staff-quick-icon{width:40px;height:40px}
 .staff-quick-card strong{font-size:12px}
 .staff-quick-card small{font-size:8px}
 .station-grid{grid-template-columns:1fr;gap:13px}
 .station-card{padding:19px;min-height:0}
 .station-name .device-icon{width:44px;height:44px}
 .station-name strong{font-size:15px}
 .station-timer{font-size:40px}
 .station-actions .btn{height:48px;font-size:12px}
 body.role-staff .content{padding:18px 13px 34px}
 body.role-staff .section-head h3,body.role-staff .hero-row h3{font-size:21px}
}
@media(max-width:430px){
 .staff-quick-actions{grid-template-columns:1fr}
 .staff-quick-card{min-height:72px}
 .station-card{padding:17px}
 .station-timer{font-size:36px}
}


/* v2.5 recent closed station sessions */
.recent-sessions-panel{margin-top:18px;max-width:1260px;padding:20px}
.recent-sessions-panel .card-head{margin-bottom:12px}
.recent-sessions-panel .card-head>i{color:#7f8a9a;width:20px;height:20px}
.recent-session-list{display:flex;flex-direction:column;gap:9px}
.recent-session-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #222b37;border-radius:14px;background:#0c1118}
.recent-session-main{display:flex;align-items:center;gap:12px;min-width:0}
.recent-session-icon{width:40px;height:40px;border-radius:11px;background:#171f2b;color:#a58cff;display:grid;place-items:center;flex:none}
.recent-session-icon svg{width:20px;height:20px}
.recent-session-main>div,.recent-session-price{display:flex;flex-direction:column;gap:4px}
.recent-session-main strong{font-size:13px}
.recent-session-main small,.recent-session-price small{font-size:9px;color:var(--muted)}
.recent-session-price{text-align:left;align-items:flex-end;flex:none}
.recent-session-price strong{font-size:18px;color:#fff}
body.role-staff .recent-session-row{padding:17px 18px}
body.role-staff .recent-session-main strong{font-size:15px}
body.role-staff .recent-session-main small{font-size:11px}
body.role-staff .recent-session-price strong{font-size:21px}
@media(max-width:780px){.recent-sessions-panel{padding:15px}.recent-session-row{padding:13px 12px}.recent-session-main small{font-size:8px}.recent-session-price strong{font-size:16px}}
@media(max-width:430px){.recent-session-row{align-items:flex-start}.recent-session-icon{width:36px;height:36px}.recent-session-price strong{font-size:15px}.recent-session-price small{font-size:8px}}

/* v2.6 Staff dashboard: operational metrics only */
.role-staff #page-overview .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){.role-staff #page-overview .metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.role-staff #page-overview .metric-grid{grid-template-columns:1fr}}

.role-staff #page-overview .staff-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.role-staff #page-overview .staff-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.role-staff #page-overview .staff-quick-actions{grid-template-columns:1fr}}

/* v2.7 Comfort themes — softer dark mode + full light mode */
:root{
 --bg:#111722;--surface:#18212e;--surface2:#1e2a39;--surface3:#253345;--line:#2d3b4d;
 --text:#e9f0f7;--muted:#9aaabd;--muted2:#718096;--accent:#8b6df6;--accent2:#7657e8;
 --cyan:#2fc8dc;--green:#48ce91;--amber:#f2b955;--red:#ef6573;--blue:#5f90f2;
 --chart-grid:rgba(154,170,189,.12);--chart-fill:rgba(139,109,246,.14);--accent-soft:rgba(139,109,246,.72);--red-soft:rgba(239,101,115,.62);
 --shadow:0 20px 55px rgba(3,8,18,.24)
}
html[data-theme="dark"]{color-scheme:dark;background:#111722}
html[data-theme="dark"] body{background:radial-gradient(circle at 82% 4%,rgba(72,206,145,.07),transparent 24%),radial-gradient(circle at 15% 12%,rgba(95,144,242,.08),transparent 26%),var(--bg)}
html[data-theme="dark"] .noise{opacity:.07}
html[data-theme="dark"] .sidebar{background:rgba(20,28,40,.96);border-color:#2b3949}
html[data-theme="dark"] .topbar{background:rgba(17,23,34,.88);border-color:rgba(151,166,187,.10)}
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .metric-card{background:linear-gradient(145deg,#1b2533,#171f2b);border-color:#2b394a}
html[data-theme="dark"] .attention-item,
html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .record-item,
html[data-theme="dark"] .incident-card,
html[data-theme="dark"] .reservation-card{background:#151e2a;border-color:#29384a}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .select{background:#141d29;border-color:#334357;color:#edf3f8}
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .live-clock,
html[data-theme="dark"] .shift-pill,
html[data-theme="dark"] .revenue-chip,
html[data-theme="dark"] .btn.ghost{background:#192330;border-color:#304055;color:#d8e2ec}
html[data-theme="dark"] .btn.secondary{background:#203047;border-color:#344b69;color:#e2edf7}
html[data-theme="dark"] .nav-item:hover{background:#1d2938}
html[data-theme="dark"] .nav-item.active{background:linear-gradient(90deg,rgba(139,109,246,.22),rgba(47,200,220,.06));box-shadow:inset -3px 0 #8b6df6}
html[data-theme="dark"] .avatar{background:#27364a}
html[data-theme="dark"] .empty{border-color:#334254;background:rgba(255,255,255,.012)}
html[data-theme="dark"] .toast{background:#1d2937;border-color:#34465a;color:#eaf1f8}

/* More colorful, easier-to-scan dashboard cards */
.metric-grid .metric-card:nth-child(1){border-top:3px solid #8b6df6;background:linear-gradient(145deg,rgba(139,109,246,.12),var(--surface))}
.metric-grid .metric-card:nth-child(2){border-top:3px solid #2fc8dc;background:linear-gradient(145deg,rgba(47,200,220,.11),var(--surface))}
.metric-grid .metric-card:nth-child(3){border-top:3px solid #ef6573;background:linear-gradient(145deg,rgba(239,101,115,.10),var(--surface))}
.metric-grid .metric-card:nth-child(4){border-top:3px solid #48ce91;background:linear-gradient(145deg,rgba(72,206,145,.10),var(--surface))}
.metric-grid .metric-card:nth-child(1) .metric-icon{background:rgba(139,109,246,.15);color:#aa94ff}
.metric-grid .metric-card:nth-child(2) .metric-icon{background:rgba(47,200,220,.14);color:#67dceb}
.metric-grid .metric-card:nth-child(3) .metric-icon{background:rgba(239,101,115,.14);color:#ff929e}
.metric-grid .metric-card:nth-child(4) .metric-icon{background:rgba(72,206,145,.14);color:#75e2ad}

.staff-quick-card{background:linear-gradient(145deg,#1b2634,#17202c);border-color:#2f3e50}
.staff-quick-card:nth-child(1){background:linear-gradient(145deg,rgba(139,109,246,.16),#18212e);border-color:rgba(139,109,246,.38)}
.staff-quick-card:nth-child(2){background:linear-gradient(145deg,rgba(47,200,220,.13),#18212e);border-color:rgba(47,200,220,.31)}
.staff-quick-card:nth-child(3){background:linear-gradient(145deg,rgba(72,206,145,.12),#18212e);border-color:rgba(72,206,145,.29)}
.staff-quick-card:nth-child(1) .staff-quick-icon{background:rgba(139,109,246,.17);color:#b09cff}
.staff-quick-card:nth-child(2) .staff-quick-icon{background:rgba(47,200,220,.15);color:#63dceb}
.staff-quick-card:nth-child(3) .staff-quick-icon{background:rgba(72,206,145,.14);color:#7ce2b3}
.staff-quick-card:hover{background:#223044;border-color:#4a5c72}

/* Stations: large cards with state colors rather than one-color dark blocks */
.station-card{background:linear-gradient(150deg,#1b2634,#151e29);border-color:#304053}
.station-card.free{border-top:4px solid #48ce91;background:linear-gradient(150deg,rgba(72,206,145,.085),#18222f 38%)}
.station-card.busy{border-top:4px solid #8b6df6;background:linear-gradient(150deg,rgba(139,109,246,.11),#18222f 40%)}
.station-card.paused{border-top:4px solid #f2b955;background:linear-gradient(150deg,rgba(242,185,85,.10),#18222f 40%)}
.station-name .device-icon{background:rgba(95,144,242,.13);color:#82a8f6}
.station-card.busy .device-icon{background:rgba(139,109,246,.16);color:#b4a1ff}
.station-card.free .device-icon{background:rgba(72,206,145,.14);color:#75e1ad}
.station-card.paused .device-icon{background:rgba(242,185,85,.14);color:#f7ce83}
.station-detail{background:rgba(255,255,255,.025);border:1px solid rgba(154,170,189,.08)}
.station-price strong{color:#f5f8fc}
.recent-session-row{background:#161f2b;border-color:#2c3a4b}
.recent-session-row:nth-child(1){border-right:3px solid #8b6df6}
.recent-session-row:nth-child(2){border-right:3px solid #2fc8dc}
.recent-session-row:nth-child(3){border-right:3px solid #48ce91}
.recent-session-icon{background:#223044;color:#a994ff}
.recent-session-price strong{color:#f4f7fb}

/* Theme button */
.theme-toggle{transition:transform .18s ease,background .18s ease,border-color .18s ease}
.theme-toggle:hover{transform:rotate(8deg)}

/* ---------- Light mode ---------- */
html[data-theme="light"]{
 color-scheme:light;background:#f3f6fa;
 --bg:#f3f6fa;--surface:#ffffff;--surface2:#f6f8fb;--surface3:#edf2f7;--line:#dce4ee;
 --text:#1c2736;--muted:#68788d;--muted2:#8b98a8;--accent:#7256df;--accent2:#6548d2;
 --cyan:#159eb3;--green:#249d68;--amber:#d99118;--red:#d94d5c;--blue:#477bd6;
 --chart-grid:rgba(80,100,125,.12);--chart-fill:rgba(114,86,223,.11);--accent-soft:rgba(114,86,223,.70);--red-soft:rgba(217,77,92,.55);
 --shadow:0 18px 48px rgba(44,62,82,.10)
}
html[data-theme="light"] body{background:radial-gradient(circle at 82% 3%,rgba(21,158,179,.08),transparent 25%),radial-gradient(circle at 12% 10%,rgba(114,86,223,.07),transparent 24%),#f3f6fa;color:var(--text)}
html[data-theme="light"] .noise{opacity:.025}
html[data-theme="light"] .sidebar{background:rgba(255,255,255,.96);border-color:#dce4ee;box-shadow:-12px 0 35px rgba(47,66,88,.05)}
html[data-theme="light"] .sidebar-head{border-color:#e5ebf2}
html[data-theme="light"] .sidebar-foot{border-color:#e5ebf2}
html[data-theme="light"] .sidebar-head strong,
html[data-theme="light"] .user-chip strong{color:#202c3c}
html[data-theme="light"] .nav-item{color:#617186}
html[data-theme="light"] .nav-item:hover{background:#f1f4f8;color:#27364a}
html[data-theme="light"] .nav-item.active{background:linear-gradient(90deg,rgba(114,86,223,.13),rgba(21,158,179,.05));color:#513bb5;box-shadow:inset -3px 0 #7256df}
html[data-theme="light"] .nav-label{color:#9aa7b5}
html[data-theme="light"] .avatar{background:#e9eef5;color:#33445a}
html[data-theme="light"] .topbar{background:rgba(248,250,253,.88);border-color:#e1e7ef}
html[data-theme="light"] .topbar h2,
html[data-theme="light"] .hero-row h3,
html[data-theme="light"] .section-head h3{color:#1e2b3b}
html[data-theme="light"] .live-clock,
html[data-theme="light"] .shift-pill,
html[data-theme="light"] .revenue-chip,
html[data-theme="light"] .icon-btn{background:#ffffff;border-color:#dce4ee;color:#53667d}
html[data-theme="light"] .icon-btn:hover{background:#f0f4f8;color:#25364b}
html[data-theme="light"] .count-dot{border-color:#f3f6fa}
html[data-theme="light"] .panel-card,
html[data-theme="light"] .metric-card{background:#ffffff;border-color:#dfe6ef;box-shadow:0 10px 30px rgba(56,76,99,.055)}
html[data-theme="light"] .metric-grid .metric-card:nth-child(1){background:linear-gradient(145deg,#f4f0ff,#ffffff 58%)}
html[data-theme="light"] .metric-grid .metric-card:nth-child(2){background:linear-gradient(145deg,#edfafd,#ffffff 58%)}
html[data-theme="light"] .metric-grid .metric-card:nth-child(3){background:linear-gradient(145deg,#fff1f2,#ffffff 58%)}
html[data-theme="light"] .metric-grid .metric-card:nth-child(4){background:linear-gradient(145deg,#edf9f3,#ffffff 58%)}
html[data-theme="light"] .metric-card strong{color:#213044}
html[data-theme="light"] .metric-icon{box-shadow:none}
html[data-theme="light"] .staff-quick-card{color:#26364a;box-shadow:0 8px 22px rgba(53,72,95,.05)}
html[data-theme="light"] .staff-quick-card:nth-child(1){background:linear-gradient(145deg,#f3efff,#ffffff);border-color:#d8ccff}
html[data-theme="light"] .staff-quick-card:nth-child(2){background:linear-gradient(145deg,#eaf9fc,#ffffff);border-color:#c7ebf0}
html[data-theme="light"] .staff-quick-card:nth-child(3){background:linear-gradient(145deg,#ecf9f2,#ffffff);border-color:#caecd9}
html[data-theme="light"] .staff-quick-card:hover{background:#fff;border-color:#cbd6e3}
html[data-theme="light"] .staff-quick-card small{color:#718197}
html[data-theme="light"] .staff-quick-card .quick-arrow{color:#8796a8}
html[data-theme="light"] .station-card{background:#fff;border-color:#dce4ed;box-shadow:0 12px 30px rgba(57,77,100,.06)}
html[data-theme="light"] .station-card.free{background:linear-gradient(150deg,#f0fbf6,#fff 42%);border-color:#cceadb}
html[data-theme="light"] .station-card.busy{background:linear-gradient(150deg,#f4f0ff,#fff 42%);border-color:#d8cff9}
html[data-theme="light"] .station-card.paused{background:linear-gradient(150deg,#fff8e9,#fff 42%);border-color:#efdfb8}
html[data-theme="light"] .station-price{color:#69798d}
html[data-theme="light"] .station-price strong{color:#243448}
html[data-theme="light"] .station-detail{background:rgba(245,248,252,.88);border-color:#e1e8f0}
html[data-theme="light"] .station-detail strong{color:#26364a}
html[data-theme="light"] .station-note{border-color:#e3e9f0;color:#45576d}
html[data-theme="light"] .state-badge.free{background:rgba(36,157,104,.09);color:#22885d}
html[data-theme="light"] .state-badge.busy{background:rgba(114,86,223,.09);color:#6549c9}
html[data-theme="light"] .state-badge.paused{background:rgba(217,145,24,.10);color:#ad7113}
html[data-theme="light"] .recent-session-row{background:#fbfcfe;border-color:#e0e7ef}
html[data-theme="light"] .recent-session-icon{background:#eef2f8;color:#7256df}
html[data-theme="light"] .recent-session-main strong,
html[data-theme="light"] .recent-session-price strong{color:#243348}
html[data-theme="light"] .attention-item,
html[data-theme="light"] .activity-item,
html[data-theme="light"] .record-item,
html[data-theme="light"] .incident-card,
html[data-theme="light"] .reservation-card{background:#fafbfd;border-color:#e2e8f0}
html[data-theme="light"] .attention-icon,
html[data-theme="light"] .activity-icon{background:#fff5de;color:#c48313}
html[data-theme="light"] .attention-text strong,
html[data-theme="light"] .activity-text strong,
html[data-theme="light"] .record-item strong{color:#293a50}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .select{background:#fff;border-color:#d6e0ea;color:#243448}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{border-color:#8c76e8;box-shadow:0 0 0 3px rgba(114,86,223,.10)}
html[data-theme="light"] .preset{background:#f6f8fb;border-color:#dce4ed;color:#485b72}
html[data-theme="light"] .preset:hover{background:#f1edff;border-color:#a997ec;color:#523bb8}
html[data-theme="light"] .btn.ghost{background:#fff;border-color:#d9e2ec;color:#4f6279}
html[data-theme="light"] .btn.secondary{background:#eef4fb;border-color:#d4e1ef;color:#3e6188}
html[data-theme="light"] .btn.danger-soft{background:#fff0f2;border-color:#f1cdd1;color:#c84352}
html[data-theme="light"] .btn.success{background:#edf9f3;border-color:#cbe9d8;color:#23855b}
html[data-theme="light"] .btn.warning{background:#fff7e7;border-color:#ecd9ac;color:#a96e12}
html[data-theme="light"] .text-btn{color:#6549c9}
html[data-theme="light"] .empty{background:#fafbfd;border-color:#d8e1eb;color:#8290a1}
html[data-theme="light"] .toast{background:#fff;border-color:#dce4ee;color:#26364a;box-shadow:0 18px 45px rgba(51,70,92,.14)}
html[data-theme="light"] .modal,
html[data-theme="light"] .drawer{background:#fff;color:#243448;border-color:#dce4ee}
html[data-theme="light"] .modal-head,
html[data-theme="light"] .drawer-head{border-color:#e2e8f0}
html[data-theme="light"] .notification-item{background:#f8fafc;border-color:#e2e8f0}
html[data-theme="light"] table{color:#2c3c51}
html[data-theme="light"] th{color:#718096;border-color:#e1e7ef}
html[data-theme="light"] td{border-color:#edf0f4}
html[data-theme="light"] tr:hover td{background:#f8fafc}
html[data-theme="light"] .login-card{background:#fff;border-color:#dfe6ee;box-shadow:0 26px 70px rgba(49,67,90,.12)}
html[data-theme="light"] .login-art h1{color:#1f2e41}
html[data-theme="light"] .form-error{color:#c74352}

/* Smooth mode switch without animating layout. */
body,.sidebar,.topbar,.panel-card,.metric-card,.station-card,.recent-session-row,.staff-quick-card,.icon-btn,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}

/* Theme completeness for operational lists / management screens */
html[data-theme="dark"] .task-column,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .setting-row,
html[data-theme="dark"] .employee-meta div{background:#151e2a;border-color:#2a394b}
html[data-theme="dark"] .task-card{background:#1a2431;border-color:#2d3b4d}
html[data-theme="dark"] th{background:#151e2a;border-color:#2a394a;color:#8292a6}
html[data-theme="dark"] td{border-color:#263344;color:#c6d0dc}
html[data-theme="dark"] tbody tr:hover{background:rgba(95,144,242,.035)}
html[data-theme="dark"] .mini-btn{background:#1d2938;border-color:#34455a;color:#c8d4e0}
html[data-theme="dark"] .priority{background:#253345;color:#b7c3d1}

html[data-theme="light"] .task-column{background:#f8fafc;border-color:#dde5ee}
html[data-theme="light"] .task-column-head{color:#33465d}
html[data-theme="light"] .task-card{background:#fff;border-color:#dfe6ef;box-shadow:0 5px 16px rgba(53,72,94,.035)}
html[data-theme="light"] .task-card h5{color:#28394e}
html[data-theme="light"] .task-card p{color:#6c7d91}
html[data-theme="light"] .priority{background:#eef2f7;color:#53667d}
html[data-theme="light"] .priority.urgent,
html[data-theme="light"] .priority.high{background:#fff0f2;color:#c44453}
html[data-theme="light"] .filter-bar{background:#fff;border-color:#dfe6ef;box-shadow:0 8px 20px rgba(53,72,94,.035)}
html[data-theme="light"] .setting-row{background:#fbfcfe;border-color:#e0e7ef}
html[data-theme="light"] .setting-row label{color:#718096}
html[data-theme="light"] .employee-meta div{background:#f6f8fb}
html[data-theme="light"] .employee-meta strong{color:#34475e}
html[data-theme="light"] .role-badge{background:#f0edff;color:#6249c3}
html[data-theme="light"] .mini-btn{background:#fff;border-color:#d8e1eb;color:#53667d}
html[data-theme="light"] .mini-btn:hover{background:#f3f6fa;color:#2c3d52}
html[data-theme="light"] th{background:#f6f8fb;color:#708096;border-color:#dfe6ee}
html[data-theme="light"] td{color:#43556b;border-color:#e8edf3}
html[data-theme="light"] tbody tr:hover{background:#f8fafc}
html[data-theme="light"] .health-card.ok .health-value{color:#238e61}
html[data-theme="light"] .health-card.warn .health-value{color:#bd7d16}
html[data-theme="light"] .health-card.bad .health-value{color:#c94957}
html[data-theme="light"] .form-card label,
html[data-theme="light"] .filter-bar label,
html[data-theme="light"] .form-grid label,
html[data-theme="light"] .modal-body label,
html[data-theme="light"] .login-card label{color:#607287}
html[data-theme="light"] .drawer-backdrop{background:rgba(35,47,62,.30)}
html[data-theme="light"] .modal-backdrop{background:rgba(36,49,66,.34)}
html[data-theme="light"] .record-item .amount{color:#27394f}
html[data-theme="light"] .record-item .amount.red{color:#c94655}
html[data-theme="light"] .revenue-chip strong{color:#26384e}
html[data-theme="light"] .station-note button{color:#8796a8}
html[data-theme="light"] .tag{color:#25865d;background:#edf9f3;border-color:#c9e9d7}


/* v2.8 usability tweaks */
.station-price-hint{color:var(--muted);font-size:11px}
.station-price-hint strong{font-size:inherit;color:var(--text)}
.recent-session-row{align-items:center;gap:14px}
.recent-session-content{display:flex;flex-direction:column;gap:6px;min-width:0}
.recent-session-time{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.recent-session-time .time-item{display:inline-flex;align-items:center;gap:4px}
.recent-session-time .time-arrow{color:var(--green);font-weight:800;font-size:14px}
.recent-session-main small{font-size:10px}
.recent-session-price{min-width:150px}
.recent-session-price-label{font-size:10px;color:#d6ffea;background:rgba(33,155,92,.18);border:1px solid rgba(70,233,142,.25);padding:5px 9px;border-radius:999px;display:inline-flex;align-self:flex-end;margin-bottom:6px}
.recent-session-price strong{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(13,114,58,.98),rgba(28,169,92,.92));color:#f5fff9 !important;box-shadow:0 0 0 1px rgba(103,255,177,.18),0 14px 30px rgba(12,94,50,.28);font-size:22px;line-height:1.1}
.activity-text strong{font-size:11px;line-height:1.9}
.activity-text small{font-size:10px}
html[data-theme="light"] .recent-session-price-label{color:#0f6a43;background:rgba(36,157,104,.11);border-color:rgba(36,157,104,.18)}
html[data-theme="light"] .recent-session-price strong{background:linear-gradient(135deg,#1e8f5d,#33b476);color:#fff !important;box-shadow:0 0 0 1px rgba(51,180,118,.14),0 12px 24px rgba(38,129,87,.17)}
html[data-theme="light"] .station-price-hint strong{color:#243348}
@media(max-width:780px){.recent-session-row{align-items:flex-start;flex-direction:column}.recent-session-main{width:100%}.recent-session-price{width:100%;align-items:stretch;text-align:right}.recent-session-price-label{align-self:flex-start}.recent-session-price strong{min-width:0;width:100%}.recent-session-time{font-size:11px;flex-wrap:wrap}}


/* v2.9 manual station start */
.start-choice-note{padding:11px 12px;border-radius:11px;background:rgba(95,144,242,.09);border:1px solid rgba(95,144,242,.18);color:var(--text);font-size:11px;line-height:1.8}
.manual-time-help{display:block;color:var(--muted);font-size:9px;line-height:1.8;margin-top:-4px}
.manual-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:5px}
.manual-start-actions .btn{height:46px;font-size:12px}
html[data-theme="light"] .start-choice-note{background:rgba(71,123,214,.07);border-color:rgba(71,123,214,.15)}
@media(max-width:520px){.manual-start-actions{grid-template-columns:1fr}}


/* v2.10 sidebar counters + Persian reservation controls */
.nav-badge.alert-badge{font-weight:900;min-width:22px;padding:0 6px;box-shadow:0 0 0 1px rgba(255,255,255,.035)}
.nav-badge.reservation-badge{background:rgba(95,144,242,.13);color:#8db0fa}
.reservation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reservation-actions .select{min-width:128px}
.delete-reservation{display:inline-flex;align-items:center;gap:5px;color:#ff98a4;border-color:rgba(239,101,115,.24);background:rgba(239,101,115,.08)}
.delete-reservation:hover{background:rgba(239,101,115,.15);color:#ffd8dc}
.delete-reservation svg{width:13px;height:13px}
.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:9px}
.reservation-status.booked{color:#9eb9ff;background:rgba(95,144,242,.10);border-color:rgba(95,144,242,.18)}
.reservation-status.arrived{color:#73e4b0;background:rgba(72,206,145,.10);border-color:rgba(72,206,145,.18)}
.reservation-status.completed{color:#b8c4d2;background:rgba(154,170,189,.08)}
.reservation-status.cancelled,.reservation-status.no_show{color:#ff98a4;background:rgba(239,101,115,.08);border-color:rgba(239,101,115,.17)}
html[data-theme="light"] .nav-badge.reservation-badge{background:rgba(71,123,214,.11);color:#376abd}
@media(max-width:700px){.reservation-card{flex-direction:column}.reservation-actions{width:100%;justify-content:space-between}.reservation-actions .select{flex:1}}


/* v2.11 stronger station states, notes and end-session result */
.station-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.station-card::before{content:"";position:absolute;right:0;top:18px;bottom:18px;width:6px;border-radius:6px 0 0 6px;opacity:.95}
.station-card.free{border:1px solid rgba(72,206,145,.46)!important;background:linear-gradient(145deg,rgba(31,136,84,.18),#18252b 45%,#17212c)!important;box-shadow:inset 0 0 0 1px rgba(72,206,145,.06),0 16px 40px rgba(19,122,75,.10)!important}
.station-card.free::before{background:#48ce91;box-shadow:0 0 22px rgba(72,206,145,.70)}
.station-card.busy{border:1px solid rgba(139,109,246,.62)!important;background:linear-gradient(145deg,rgba(112,75,230,.24),#1d2233 44%,#18212e)!important;box-shadow:inset 0 0 0 1px rgba(161,136,255,.10),0 18px 48px rgba(85,52,185,.18)!important}
.station-card.busy::before{background:#9b7cff;box-shadow:0 0 24px rgba(139,109,246,.85)}
.station-card.paused{border:1px solid rgba(242,185,85,.58)!important;background:linear-gradient(145deg,rgba(184,126,29,.21),#28251f 45%,#1c232d)!important;box-shadow:inset 0 0 0 1px rgba(242,185,85,.08),0 18px 44px rgba(164,109,20,.13)!important}
.station-card.paused::before{background:#f2b955;box-shadow:0 0 23px rgba(242,185,85,.78)}
.station-card .state-badge{font-size:12px;padding:8px 13px;font-weight:800;letter-spacing:.1px;box-shadow:0 7px 20px rgba(0,0,0,.12)}
.station-card .state-badge.free{background:#173f30!important;color:#81efba!important;border-color:#3bbf7d!important}
.station-card .state-badge.busy{background:#352965!important;color:#c7b9ff!important;border-color:#795fe4!important}
.station-card .state-badge.paused{background:#4a391d!important;color:#ffd98d!important;border-color:#b98735!important}
.station-card.busy .station-timer{color:#d9d0ff;text-shadow:0 0 24px rgba(139,109,246,.22)}
.station-card.free .station-timer{color:#baf3d7}
.station-card.paused .station-timer{color:#ffe0a6}
.station-notes{margin-top:20px!important;padding-top:0!important;border-top:0!important;border-radius:16px;background:rgba(7,11,16,.30);border:1px solid rgba(154,170,189,.12);overflow:hidden}
.station-notes.has-notes{border-color:rgba(242,185,85,.42);background:linear-gradient(145deg,rgba(242,185,85,.10),rgba(11,16,23,.62));box-shadow:inset 0 0 0 1px rgba(242,185,85,.035)}
.station-notes-head{min-height:47px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(154,170,189,.10)}
.station-notes-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#dfe8f2}
.station-notes-title svg{width:19px;height:19px;color:#f2b955}
.station-notes-count{min-width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#f2b955;color:#31230b;font-size:11px;font-weight:900}
.station-notes-list{display:flex;flex-direction:column;gap:8px;padding:10px}
.station-note{display:grid!important;grid-template-columns:34px minmax(0,1fr) 31px;align-items:center;gap:10px;padding:12px!important;border-radius:13px;background:rgba(242,185,85,.10);border:1px solid rgba(242,185,85,.18);color:#fff!important}
.station-note-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(242,185,85,.14);color:#ffd37e}
.station-note-mark svg{width:17px;height:17px}.station-note-text{font-size:14px!important;line-height:1.75;font-weight:650;overflow-wrap:anywhere}
.station-note-delete{width:31px;height:31px!important;border:1px solid rgba(239,101,115,.18)!important;border-radius:9px!important;display:grid;place-items:center;background:rgba(239,101,115,.08)!important;color:#ff9aa5!important;cursor:pointer}
.station-note-delete svg{width:15px;height:15px}.station-note-empty{padding:7px 4px;color:var(--muted);font-size:11px}
.station-note-add{display:flex!important;align-items:center;justify-content:center;gap:7px;width:calc(100% - 20px);margin:0 10px 10px;padding:10px 12px!important;font-size:12px!important;border-radius:11px!important}.station-note-add svg{width:16px;height:16px}
.session-end-result{text-align:center;padding:12px 5px 5px}.session-end-success-icon{width:70px;height:70px;margin:0 auto 13px;border-radius:22px;display:grid;place-items:center;background:rgba(72,206,145,.14);color:#69e7a8;border:1px solid rgba(72,206,145,.25);box-shadow:0 14px 38px rgba(26,149,91,.15)}
.session-end-kicker{font-size:13px;color:var(--muted);font-weight:700;margin-bottom:7px}.session-end-price{padding:18px 16px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#136a44,#1ead70);border:1px solid rgba(115,255,184,.30);color:#fff;font-size:42px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 18px 42px rgba(17,132,79,.28)}
.session-end-price span{font-size:20px;font-weight:750;margin-right:5px}.session-end-station{font-size:17px;font-weight:800;margin-bottom:13px;color:var(--text)}.session-end-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}.session-end-meta>div{padding:10px 7px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}.session-end-meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.session-end-meta strong{font-size:12px}.session-end-ok{width:100%;height:50px!important;font-size:13px!important;border-radius:13px!important;background:linear-gradient(135deg,#188e5b,#26b978)!important;color:#fff!important}
html[data-theme="light"] .station-card.free{background:linear-gradient(145deg,#e8f8f0,#fff 48%)!important;border-color:#9ed8bb!important}html[data-theme="light"] .station-card.busy{background:linear-gradient(145deg,#eee9ff,#fff 48%)!important;border-color:#bcaef2!important}html[data-theme="light"] .station-card.paused{background:linear-gradient(145deg,#fff4d9,#fff 48%)!important;border-color:#e7c979!important}
html[data-theme="light"] .station-card.free .station-timer{color:#237a55}html[data-theme="light"] .station-card.busy .station-timer{color:#624ac4}html[data-theme="light"] .station-card.paused .station-timer{color:#a26a10}
html[data-theme="light"] .station-notes{background:#f7f9fc;border-color:#dce4ee}html[data-theme="light"] .station-notes.has-notes{background:linear-gradient(145deg,#fff8e8,#fff);border-color:#ecd395}html[data-theme="light"] .station-notes-title{color:#34475d}html[data-theme="light"] .station-note{background:#fff8e9;border-color:#ecd7a7;color:#38495d!important}html[data-theme="light"] .station-note-mark{background:#f9e8bd;color:#a46e13}html[data-theme="light"] .session-end-meta>div{background:#f5f8fb}
@media(max-width:780px){.station-note-text{font-size:13px!important}.session-end-price{font-size:36px}.session-end-meta{grid-template-columns:1fr 1fr 1fr}}@media(max-width:430px){.session-end-price{font-size:32px}.session-end-price span{font-size:17px}.session-end-meta{grid-template-columns:1fr}.station-note{grid-template-columns:32px minmax(0,1fr) 30px;padding:10px!important}}


/* v2.12 Classic AimZone design — visual layer based on the original panel */
:root{
 --primary:#a855f7;--primary-dark:#9333ea;--primary-light:#c084fc;--secondary:#6366f1;
 --bg:#0f0f1a;--surface:#1a1a2e;--surface2:#181829;--surface3:#20203a;--line:rgba(255,255,255,.10);
 --text:#f8fafc;--muted:#94a3b8;--muted2:#64748b;--accent:#a855f7;--accent2:#9333ea;
 --green:#22c55e;--amber:#f59e0b;--red:#ef4444;--cyan:#6366f1;--blue:#6366f1;
 --radius:16px;--shadow:0 25px 50px -12px rgba(0,0,0,.50);--sidebar:0px;
 --chart-grid:rgba(255,255,255,.08);--chart-fill:rgba(168,85,247,.18)
}
html[data-theme="dark"]{background:#0f0f1a;color-scheme:dark}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 20% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(168,85,247,.05) 0%,transparent 70%),#0f0f1a}
.noise{opacity:.05}
.app-shell{display:block;min-height:100vh}
.main{grid-column:auto;min-width:0}
.sidebar{position:sticky;top:0;right:auto;bottom:auto;width:100%;height:auto;z-index:60;display:grid;grid-template-columns:minmax(190px,auto) 1fr auto;grid-template-rows:70px auto;align-items:center;border:0;border-bottom:1px solid var(--line);background:rgba(15,15,26,.92);backdrop-filter:blur(20px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.sidebar-head{height:70px;grid-column:1;grid-row:1;border:0;padding:0 22px;gap:12px}
.sidebar-head strong{font-size:16px;max-width:220px}.sidebar-head small{font-size:9px;color:#7f8aa0}
.brand-mini{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 25px rgba(168,85,247,.28);border-radius:12px}
.sidebar-foot{grid-column:3;grid-row:1;border:0;padding:0 22px}
.classic-header-actions{display:flex;align-items:center;gap:8px}
.user-chip{display:flex;align-items:center;gap:9px;margin-left:7px;grid-template-columns:none}.user-chip>div:nth-child(2){display:flex;flex-direction:column}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#2a2342,#26294a);border:1px solid rgba(192,132,252,.25)}
.nav{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:9px max(18px,calc((100vw - 1280px)/2));border-top:1px solid rgba(255,255,255,.055);background:rgba(19,19,34,.88);scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav-label{display:none!important}
.nav-item{width:auto;flex:none;margin:0;padding:10px 14px;border-radius:12px;color:#aeb7c7;gap:8px;white-space:nowrap}.nav-item:hover{background:rgba(168,85,247,.10);color:#fff}.nav-item.active{background:linear-gradient(135deg,rgba(168,85,247,.24),rgba(99,102,241,.16));color:#fff;box-shadow:0 5px 18px rgba(147,51,234,.13),inset 0 0 0 1px rgba(192,132,252,.16)}.nav-item.active svg{color:#d8b4fe}.nav-badge{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.18)}.nav-badge.warn{background:rgba(245,158,11,.15);color:#fbbf24}.reservation-badge{background:rgba(99,102,241,.18);color:#a5b4fc}
.classic-subbar{height:68px;position:relative;top:auto;background:transparent;border:0;backdrop-filter:none;max-width:1280px;margin:0 auto;padding:20px 22px 0}.classic-subbar .topbar-start{gap:10px}.classic-subbar h2{font-size:22px}.classic-subbar .eyebrow{color:#64748b}.live-clock{background:rgba(26,26,46,.70);border-color:var(--line)}
.content{max-width:1280px;padding:24px 22px 52px}
.hero-row,.section-head{margin-bottom:18px}.hero-row h3,.section-head h3{font-size:22px}.hero-row p,.section-head p,.card-head p{color:#94a3b8}
.shift-pill,.revenue-chip{background:rgba(26,26,46,.75);border-color:var(--line)}
.panel-card,.metric-card,.station-card,.employee-card,.health-card,.task-column,.login-card{background:rgba(26,26,46,.84);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 28px rgba(0,0,0,.16);border-radius:16px}
.metric-card{min-height:132px;padding:18px}.metric-grid .metric-card:nth-child(n){background:linear-gradient(145deg,rgba(26,26,46,.92),rgba(21,21,39,.90));border-top:1px solid rgba(255,255,255,.10)}.metric-icon{background:rgba(168,85,247,.13);color:#c084fc}.metric-card strong{color:#fff}
.staff-quick-card{background:rgba(26,26,46,.88)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}.staff-quick-card:hover{border-color:rgba(168,85,247,.42)!important;background:rgba(36,29,55,.96)!important;transform:translateY(-1px)}.staff-quick-icon{background:linear-gradient(135deg,rgba(168,85,247,.20),rgba(99,102,241,.16))!important;color:#d8b4fe!important}
.card-head h4,.form-card h4{font-size:15px}.tag{color:#4ade80;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18)}
.attention-item,.activity-item,.record-item,.incident-card,.reservation-card{background:rgba(15,15,26,.62);border:1px solid rgba(255,255,255,.075);border-radius:12px}.attention-icon,.activity-icon{background:rgba(168,85,247,.12);color:#c084fc}
.btn{border-radius:12px}.btn.primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 8px 24px rgba(147,51,234,.22)}.btn.primary:hover{filter:brightness(1.07)}.btn.secondary,.btn.ghost{background:rgba(15,15,26,.58);border-color:rgba(255,255,255,.10)}.btn.danger-soft{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22);color:#fca5a5}.btn.warning{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.24);color:#fbbf24}.btn.success{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.22);color:#86efac}
input,select,textarea,.select{background:rgba(15,15,26,.80);border:1px solid rgba(255,255,255,.10);color:#f8fafc;border-radius:12px}input:focus,select:focus,textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.16)}
.preset,.mini-btn{background:rgba(15,15,26,.62);border-color:rgba(255,255,255,.10);color:#cbd5e1}.preset:hover,.mini-btn:hover{border-color:#a855f7;color:#fff}
.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.station-card{padding:20px;background:linear-gradient(145deg,rgba(26,26,46,.96),rgba(18,18,33,.93))}.station-card.free{border:1px solid rgba(34,197,94,.38);box-shadow:inset 4px 0 0 rgba(34,197,94,.75),0 12px 30px rgba(0,0,0,.15)}.station-card.busy{border:1px solid rgba(168,85,247,.48);box-shadow:inset 4px 0 0 rgba(168,85,247,.9),0 0 34px rgba(168,85,247,.08)}.station-card.paused{border:1px solid rgba(245,158,11,.48);box-shadow:inset 4px 0 0 rgba(245,158,11,.85),0 0 30px rgba(245,158,11,.06)}.station-card.free .device-icon{background:rgba(34,197,94,.12);color:#4ade80}.station-card.busy .device-icon{background:rgba(168,85,247,.16);color:#d8b4fe}.station-card.paused .device-icon{background:rgba(245,158,11,.13);color:#fbbf24}.station-card.busy .station-timer{color:#d8b4fe}.station-card.free .station-timer{color:#4ade80}.station-card.paused .station-timer{color:#fbbf24}.station-detail{background:rgba(15,15,26,.58);border-color:rgba(255,255,255,.07)}
.state-badge.free{background:rgba(34,197,94,.12);color:#4ade80;border-color:rgba(34,197,94,.20)}.state-badge.busy{background:rgba(168,85,247,.14);color:#d8b4fe;border-color:rgba(168,85,247,.22)}.state-badge.paused{background:rgba(245,158,11,.13);color:#fbbf24;border-color:rgba(245,158,11,.22)}
.station-notes{border-top-color:rgba(255,255,255,.08)}.station-note{background:linear-gradient(135deg,rgba(245,158,11,.13),rgba(168,85,247,.07));border:1px solid rgba(245,158,11,.16);border-radius:11px;padding:10px 12px!important;margin:7px 0;color:#f8fafc!important;font-size:12px!important}
.recent-sessions-panel{background:rgba(26,26,46,.84)}.recent-session-row{background:rgba(15,15,26,.60);border-color:rgba(255,255,255,.075)}.recent-session-row:nth-child(1),.recent-session-row:nth-child(2),.recent-session-row:nth-child(3){border-right:1px solid rgba(255,255,255,.075)}.recent-session-icon{background:rgba(168,85,247,.13);color:#d8b4fe}.recent-session-price-label{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.17);color:#86efac}.recent-session-price strong{background:linear-gradient(135deg,#15803d,#22c55e);box-shadow:0 12px 26px rgba(34,197,94,.18)}
.task-card{background:rgba(15,15,26,.58);border-color:rgba(255,255,255,.08)}.priority{background:rgba(168,85,247,.09);color:#c4b5fd}
.table-wrap{border:1px solid rgba(255,255,255,.07)}th{background:#151525;color:#94a3b8}td{border-color:rgba(255,255,255,.07);color:#cbd5e1}
.drawer,.modal{background:#171729;border-color:rgba(255,255,255,.12)}.modal-backdrop{background:rgba(6,6,12,.72)}.notification-item{background:#11111f;border-color:rgba(255,255,255,.08)}
.toast{background:#1a1a2e;border-color:rgba(255,255,255,.12)}.empty{background:rgba(15,15,26,.40);border-color:rgba(255,255,255,.10)}
/* Classic login */
.login-view{display:flex;align-items:center;justify-content:center;max-width:none;padding:24px}.login-art{display:none}.login-card{width:100%;max-width:420px;padding:38px 32px;box-shadow:var(--shadow)}.login-title{justify-content:center;text-align:center;flex-direction:column;margin-bottom:8px}.login-title .brand-mini{width:52px;height:52px;font-size:15px}.login-title strong{font-size:22px;background:linear-gradient(135deg,#d8b4fe,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-title small{font-size:11px}
/* Light mode keeps classic geometry, with softer lavender surfaces */
html[data-theme="light"]{--bg:#f7f4fb;--surface:#fff;--surface2:#faf8fd;--surface3:#f3eef9;--line:#e7def1;--text:#251c31;--muted:#74677f;--muted2:#988aa3;--accent:#9333ea;--accent2:#6366f1;background:#f7f4fb}
html[data-theme="light"] body{background:radial-gradient(ellipse at 20% 15%,rgba(168,85,247,.10),transparent 42%),radial-gradient(ellipse at 80% 80%,rgba(99,102,241,.08),transparent 44%),#f7f4fb}
html[data-theme="light"] .sidebar{background:rgba(255,255,255,.92);border-color:#e7def1}
html[data-theme="light"] .nav{background:rgba(250,248,253,.94);border-color:#eee7f4}
html[data-theme="light"] .nav-item{color:#756780}
html[data-theme="light"] .nav-item.active{color:#6b21a8;background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(99,102,241,.09))}
html[data-theme="light"] .panel-card,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .station-card,
html[data-theme="light"] .employee-card,
html[data-theme="light"] .health-card,
html[data-theme="light"] .task-column,
html[data-theme="light"] .login-card{background:rgba(255,255,255,.90);border-color:#e7def1}
html[data-theme="light"] .attention-item,
html[data-theme="light"] .activity-item,
html[data-theme="light"] .record-item,
html[data-theme="light"] .incident-card,
html[data-theme="light"] .reservation-card,
html[data-theme="light"] .task-card,
html[data-theme="light"] .station-detail{background:#faf8fd;border-color:#ece5f2}
html[data-theme="light"] .classic-subbar .eyebrow{color:#9b8da5}
html[data-theme="light"] .user-chip strong,
html[data-theme="light"] .sidebar-head strong{color:#281e32}
html[data-theme="light"] .live-clock{background:#fff}
html[data-theme="light"] .icon-btn{background:#fff;border-color:#e7def1;color:#675a72}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .select{background:#fff;color:#2b2234;border-color:#ded3e8}
html[data-theme="light"] .station-note{color:#2b2234!important}
html[data-theme="light"] .recent-session-row{background:#faf8fd;border-color:#ece5f2}
html[data-theme="light"] th{background:#f7f3fa;color:#786b83}
html[data-theme="light"] td{color:#574a61;border-color:#eee7f4}
html[data-theme="light"] .modal,
html[data-theme="light"] .drawer{background:#fff}
html[data-theme="light"] .notification-item{background:#faf8fd}
html[data-theme="light"] .toast{background:#fff;color:#2b2234}
@media(max-width:900px){.sidebar{grid-template-columns:1fr auto}.sidebar-head{grid-column:1}.sidebar-foot{grid-column:2}.nav{grid-column:1/-1}.user-chip>div:nth-child(2){display:none}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-subbar{padding-inline:16px}.content{padding-inline:16px}}
@media(max-width:680px){.sidebar{position:sticky;display:grid}.sidebar-head{padding:0 14px}.sidebar-foot{padding:0 14px}.nav{padding:8px 12px}.nav-item{padding:9px 12px}.classic-subbar{height:62px}.station-grid{grid-template-columns:1fr}.mobile-only{display:none!important}.content{padding:18px 12px 38px}.hero-row,.section-head{align-items:flex-start}.live-clock{display:none}}

/* v2.12.1 dark-mode guard: prevent light surfaces leaking into Classic UI */
html[data-theme="dark"] .station-details{background:transparent!important}
html[data-theme="dark"] .station-detail{background:rgba(15,15,26,.58)!important;border-color:rgba(255,255,255,.07)!important;color:var(--text)!important}
html[data-theme="dark"] .recent-sessions-panel{background:rgba(26,26,46,.84)!important;border-color:rgba(255,255,255,.10)!important}
html[data-theme="dark"] .recent-session-row{background:rgba(15,15,26,.60)!important;border-color:rgba(255,255,255,.075)!important;color:var(--text)!important}
html[data-theme="dark"] .attention-item,
html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .record-item,
html[data-theme="dark"] .incident-card,
html[data-theme="dark"] .reservation-card,
html[data-theme="dark"] .task-card{background:rgba(15,15,26,.62)!important;border-color:rgba(255,255,255,.075)!important;color:var(--text)!important}
html[data-theme="dark"] .panel-card,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .employee-card,
html[data-theme="dark"] .health-card,
html[data-theme="dark"] .task-column{color:var(--text)!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .select{background:rgba(15,15,26,.80)!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important}
html[data-theme="dark"] .modal,
html[data-theme="dark"] .drawer{background:#171729!important;color:var(--text)!important}
html[data-theme="dark"] .notification-item{background:#11111f!important;color:var(--text)!important}
html[data-theme="dark"] .toast{background:#1a1a2e!important;color:var(--text)!important}