:root{--bg:#0f0a16;--panel:#17111f;--line:#2b2136;--text:#efe9f5;--muted:#a394b3;--accent:#d4228a;--blue:#4f5bd5;--grad:linear-gradient(90deg, #702080, #c02080);--bad:#e5484d;--ok:#3fb67a;--warn:#6b7ae8;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--input-bg:#0b0e13;--label:#c9ced6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit;color:inherit}.muted{color:var(--muted)}a{color:var(--accent)}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable],.msg,.tg-key code,.cred dd,.selectable{-webkit-user-select:text;user-select:text}.msg{-webkit-user-select:all;user-select:all}input[type=date],input[type=month],input[type=time],input[type=datetime-local]{appearance:none;text-align:left;width:100%;min-width:0;min-height:46px;display:block}input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.rot-grid>*,.form-grid>*,.grid-2>*,.cards>*{min-width:0}.auth{background:var(--bg);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-brand{border-right:1px solid var(--line);background:radial-gradient(1200px 600px at -10% 110%,#c0208052,#0000 60%),radial-gradient(900px 500px at 110% -10%,#4f5bd547,#0000 60%),#120a1c;flex-direction:column;padding:40px 48px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background:radial-gradient(640px 420px at 50% 42%,#70208055,#0000 70%);position:absolute;inset:0}.auth-brand-inner{flex-direction:column;flex:1;width:100%;max-width:560px;margin:0 auto;display:flex;position:relative}.auth-logo{letter-spacing:.08em;font-size:18px;font-weight:800}.auth-logo b{color:var(--accent)}.auth-visual{flex:1;place-items:center;min-height:260px;padding:24px 0;display:grid;position:relative}.auth-ring{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.auth-ring-1{aspect-ratio:1;width:min(420px,90%)}.auth-ring-2{aspect-ratio:1;opacity:.6;border-style:dashed;width:min(560px,118%)}.auth-hero{letter-spacing:.14em;background:linear-gradient(90deg,#fff,#e9b8ff);color:#0000;filter:drop-shadow(0 18px 40px #c0208066);-webkit-background-clip:text;background-clip:text;justify-items:center;font-size:clamp(34px,4.2vw,52px);font-weight:900;line-height:1.05;animation:7s ease-in-out infinite float;display:grid;position:relative}.auth-hero b{letter-spacing:.42em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.42em;font-size:.55em}.auth-copy h2{margin:0 0 14px;font-size:26px;line-height:1.25}.auth-copy ul{color:var(--label);gap:10px;margin:0;padding:0;list-style:none;display:grid}.auth-copy li{padding-left:26px;position:relative}.auth-copy li:before{content:"";background:#3fb67a2e;border:1px solid #1f4d36;border-radius:4px;width:14px;height:14px;position:absolute;top:5px;left:0}.auth-copy li:after{content:"";border:solid var(--ok);border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:7px;left:5px;transform:rotate(45deg)}.auth-foot{color:var(--muted);margin-top:32px;font-size:12px}.auth-main{place-items:center;padding:32px 20px;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;max-width:400px;padding:32px 28px 28px;animation:.45s ease-out both rise;position:relative;box-shadow:0 20px 60px #00000080}.auth-card:before{content:"";background:var(--grad);border-radius:0 0 2px 2px;height:2px;position:absolute;top:-1px;left:28px;right:28px}.auth-card-brand{text-align:center;letter-spacing:.08em;margin:0 auto 14px;font-size:18px;font-weight:800;display:none}.auth-card-brand b{color:var(--accent)}.auth-card h1{letter-spacing:-.01em;margin:0 0 6px;font-size:28px}.auth-sub{margin:0 0 24px}.auth-error{color:#ff8f93;background:#e5484d1a;border:1px solid #5a2426;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.auth-error:empty{display:none}.auth-error svg{flex:none;width:16px;height:16px;margin-top:1px}.auth-field{margin-bottom:16px;display:block}.auth-field>span{color:var(--label);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-field input{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;margin:0;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#5c6675}.auth-field input:hover:not(:disabled){border-color:#3a3146}.auth-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.auth-field input:disabled{opacity:.6}.pw{position:relative}.pw input{padding-right:68px}.pw-toggle{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:13px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text)}.pw-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-hint{color:var(--warn);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.auth-hint svg{width:12px;height:12px}.auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin:4px 0 20px;display:flex}.auth-check{color:var(--label);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.switch{appearance:none;border:1px solid var(--line);cursor:pointer;background:#2a2038;border-radius:11px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch:checked{background:var(--grad);border-color:#0000}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.auth-link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.auth-help{border:1px solid var(--line);color:var(--muted);background:#0b0e13;border-radius:8px;margin:-8px 0 18px;padding:10px 12px;font-size:12.5px}.auth-submit{background:var(--grad);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px;font-size:15px;font-weight:600;transition:filter .15s,transform .15s,opacity .15s;display:flex}.auth-submit:not(:disabled):hover{filter:brightness(1.08)}.auth-submit:not(:disabled):active{transform:translateY(1px)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit:focus-visible{outline:2px solid var(--text);outline-offset:2px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.auth-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:12px;display:flex}.auth-note svg{width:12px;height:12px}@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes float{50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.auth-hero,.auth-card{animation:none}.auth-field input,.switch,.switch:after,.auth-submit{transition:none}}@media (width<=1100px){.auth-brand{padding:32px 36px}}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-main{background:radial-gradient(900px 500px at 50% -10%, #70208066, #0000 60%), var(--bg);align-items:start;padding:40px 16px 24px}.auth-card-brand{display:block}.auth-card h1,.auth-sub{text-align:center}}@media (width<=420px){.auth-card{border-radius:12px;padding:26px 20px 22px}.auth-card:before{left:20px;right:20px}.auth-card h1{font-size:26px}}:root{--sb-w:232px;--top-h:56px}.shell{min-height:100dvh}.wordmark{letter-spacing:.08em;white-space:nowrap;font-size:15px;font-weight:800}.wordmark b{color:var(--accent)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:13px}.nowrap{white-space:nowrap}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar{z-index:30;width:var(--sb-w);padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px));background:var(--panel);border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:10px;padding:4px 6px 16px;display:flex}.sidebar-brand img{width:34px;height:auto}.icon-btn.sidebar-close{margin-left:auto;display:none}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar nav a{color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar nav a svg{opacity:.85;flex:none}.sidebar nav a:hover{color:var(--text);background:#1d1626}.sidebar nav a.active{color:var(--text);box-shadow:inset 3px 0 0 var(--accent);background:#2a2038}.sidebar nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-group-btn{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-group-btn svg:first-child{opacity:.85;flex:none}.nav-group-btn:hover,.nav-group-btn.active{color:var(--text)}.nav-group-btn:hover{background:#1d1626}.nav-group-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-chev{margin-left:auto;transition:transform .2s}.nav-group.open .nav-chev{transform:rotate(180deg)}.nav-sub{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.nav-group.open .nav-sub{grid-template-rows:1fr}.nav-sub>div{flex-direction:column;gap:2px;display:flex;overflow:hidden}.nav-sub>div>a:first-child{margin-top:2px}.sidebar nav a.sub{padding:9px 12px 9px 24px;font-size:14px;animation:none}.sidebar nav a.sub.active{box-shadow:none;background:#221a2e}.nav-dot{background:#4a3f58;border-radius:50%;flex:none;width:6px;height:6px;margin:0 7px;transition:background .15s,box-shadow .15s}.sidebar nav a.sub:hover .nav-dot{background:var(--muted)}.sidebar nav a.sub.active .nav-dot{background:var(--accent);box-shadow:0 0 0 3px #d4228a33}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding:10px 8px;display:flex}.sidebar-user{min-width:0;line-height:1.25;display:grid}.sidebar-user b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-version{color:#5c6675;font-variant-numeric:tabular-nums;padding:4px 8px 0;font-size:11px}.content{min-height:100dvh;margin-left:var(--sb-w);flex-direction:column;display:flex}.topbar{z-index:20;min-height:var(--top-h);padding:env(safe-area-inset-top,0px) 20px 0;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0f0a16d9;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-title{margin:0;font-size:16px;font-weight:600}.topbar-brand,.icon-btn.menu-btn{display:none}.header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.panel-head h2{margin:0}.card-link{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--accent);transform:translateY(-1px)}.card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-btn{border:1px solid var(--line);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#0b0e13;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.quick-btn svg{color:var(--accent);flex:none}.quick-btn:hover{border-color:var(--accent);background:#1d1626}.quick-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--line);background:#1d1626}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-btn .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:8px;right:9px}.avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#702080,#c02080);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.avatar.lg{width:40px;height:40px;font-size:14px}.profile{position:relative}.profile-btn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:3px 8px 3px 3px;transition:background .15s,border-color .15s;display:flex}.profile-btn:hover,.profile-btn[aria-expanded=true]{border-color:var(--line);background:#1d1626}.profile-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.chev{color:var(--muted);transition:transform .15s}.chev.up{transform:rotate(180deg)}.dropdown{z-index:40;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:240px;padding:6px;animation:.15s ease-out drop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #00000080}.dropdown-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:6px;padding:8px 8px 12px;display:flex}.dropdown-who{min-width:0;line-height:1.25;display:grid}.dropdown-who b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dropdown-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}.dropdown-item svg{color:var(--muted)}.dropdown-item:hover,.dropdown-item:focus-visible{background:#2a2038;outline:none}.dropdown-item:hover svg,.dropdown-item:focus-visible svg{color:var(--text)}.dropdown-item.danger{color:#ff8f93}.dropdown-item.danger svg{color:inherit}.dropdown-item.danger:hover,.dropdown-item.danger:focus-visible{background:#e5484d1a}.dropdown-sep{background:var(--line);height:1px;margin:6px 4px}main{flex:1;width:100%;padding:24px 20px 40px}main>*{max-width:1280px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-head h2{margin:0;font-size:22px}.page-head p{color:var(--muted);margin:2px 0 0}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#222935;border-radius:8px;padding:9px 14px;font-weight:600;transition:filter .15s}.btn.primary{background:var(--grad);color:#fff;border-color:#0000}.btn:hover{filter:brightness(1.08)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn.sm{align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:12px;display:inline-flex}.btn.danger{color:#ff8f93;background:#e5484d1a;border-color:#5a2426}.btn.danger:hover{filter:none;background:#e5484d2e}.row-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.th-actions{text-align:right}.auth-field select{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:11px 12px;font-size:14px}.auth-field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.field-hint{margin-top:6px;display:block}.toast.bad{border-color:#5a2426}.toast.bad svg{color:var(--bad)}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:20px;display:grid}.cards.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:0;padding:14px 16px}.card .l{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}.card .n{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:30px;font-weight:700;line-height:1.2}.card .n.ok{color:var(--ok)}.card .n.warn{color:var(--warn)}.grid-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;margin-bottom:16px;padding:16px 18px}.panel h2{margin:0 0 8px;font-size:15px}.panel.empty{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:48px 20px;display:grid}.panel.empty h2{color:var(--text);margin:6px 0 0;font-size:18px}.panel.empty p{margin:0}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.list li:first-child{border-top:0}.list-main{min-width:0;line-height:1.3;display:grid}.list-main b{font-weight:600}.status{border:1px solid var(--line);background:#0b0e13;border-radius:99px;flex:none;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.status i{background:var(--ok);border-radius:50%;width:7px;height:7px}.status.warn i{background:var(--warn)}.status.bad i{background:var(--bad)}.scrim{display:none}.role-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:99px;align-items:center;width:fit-content;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-badge.admin{color:#ff8fd0;background:#d4228a1f;border-color:#5a2a46}.role-badge.manager{color:#9aa4ff;background:#4f5bd52e;border-color:#2b3a8a}.role-badge.supervisor{color:#6da7ec;background:#3987e52e;border-color:#23406b}.role-badge.dealer{color:#3fb67a;background:#3fb67a2e;border-color:#1f4d36}.avatar.xl{width:64px;height:64px;font-size:22px}.profile-card{text-align:center;justify-items:center;gap:4px;padding:36px 20px;display:grid}.profile-card h2{margin:10px 0 0;font-size:20px}.profile-card p{margin:0 0 8px}.profile-pw{align-items:center;gap:8px;margin-top:14px;display:inline-flex}.modal-backdrop{z-index:50;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);background:#0f0a16b3;place-items:center;padding:16px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);padding:22px 22px 20px;animation:.22s ease-out modal-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}@media (width<=600px){.modal .auth-field input,.modal .auth-field select,.form-panel .auth-field input,.form-panel .auth-field select{font-size:16px}}.form-panel{max-width:720px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.form-grid .auth-field:last-child{grid-column:1/-1}.form-actions{margin-top:6px}.panel.created{text-align:center;justify-items:center;gap:6px;max-width:560px;padding:32px 20px;display:grid}.panel.created h2{margin:10px 0 0;font-size:20px}.panel.created h2 b{color:var(--accent)}.panel.created p{margin:0 0 10px}.cred{border:1px solid var(--line);text-align:left;background:#0b0e13;border-radius:10px;grid-template-columns:auto 1fr;gap:8px 16px;width:100%;max-width:420px;margin:0 0 18px;padding:14px 16px;display:grid}.cred dt{color:var(--muted);align-self:center;font-size:12px}.cred dd{overflow-wrap:anywhere;margin:0;font-size:14px}.created-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.form-panel.narrow{max-width:480px}.msg{border:1px solid var(--line);width:100%;max-width:520px;color:var(--text);font-family:var(--mono);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#0b0e13;border-radius:10px;margin:4px 0 14px;padding:14px 16px;font-size:13px;line-height:1.6}.msg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.copy-row .btn{align-items:center;gap:6px;display:inline-flex}@media (width<=600px){.copy-row .btn.primary{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}.created-actions .btn{width:100%}}.modal:before{content:"";background:var(--grad);border-radius:0 0 2px 2px;height:2px;position:absolute;top:-1px;left:22px;right:22px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal .auth-field input{padding:11px 12px;font-size:14px}.pw-meter{align-items:center;gap:10px;margin-top:8px;display:flex}.pw-bars{grid-template-columns:repeat(4,1fr);gap:4px;width:140px;display:grid}.pw-bars i{background:#262d37;border-radius:99px;height:5px;transition:background .2s}.pw-bars i.bad{background:var(--bad)}.pw-bars i.warn{background:var(--warn)}.pw-bars i.ok{background:var(--ok)}.field-err{color:#ff8f93;margin-top:6px;font-size:12px;display:block}.modal-show{margin:2px 0 18px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions .btn{align-items:center;gap:8px;min-height:40px;display:inline-flex}.modal-actions .btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.modal-done{text-align:center;justify-items:center;gap:4px;padding:18px 0 8px;display:grid}.modal-done p{margin:0}.modal-done p:first-of-type{margin-top:10px;font-size:16px;font-weight:600}.done-ring{width:56px;height:56px;color:var(--ok);background:#3fb67a2e;border:1px solid #1f4d36;border-radius:50%;place-items:center;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:grid}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;max-width:calc(100vw - 32px);color:var(--text);white-space:nowrap;background:#17111f;border:1px solid #1f4d36;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;animation:.25s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.toast svg{color:var(--ok)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (width<=600px){.modal-backdrop{place-items:center;padding:14px}.modal{border-radius:14px;max-width:100%;max-height:calc(100dvh - 28px);padding:18px 16px 16px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal,.done-ring,.toast{animation:none}}.back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;margin-bottom:14px;padding:4px 8px 4px 4px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--text);background:#1d1626}.back-link:focus-visible{outline:2px solid var(--accent)}.back-chev{transform:rotate(90deg)}.profile-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-head-main{flex:1;min-width:0}.profile-head h2{margin:0 0 6px;font-size:22px}.profile-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.profile-actions .btn{align-items:center;gap:6px;display:inline-flex}.kv{grid-template-columns:max-content 1fr;gap:10px 18px;margin:4px 0 14px;font-size:13px;display:grid}.kv-row{display:contents}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=600px){.profile-head{flex-direction:column;align-items:flex-start}.profile-actions,.profile-actions .btn{width:100%}.profile-actions .btn{justify-content:center}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.search{flex:220px;min-width:0;position:relative}.search>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search input{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:9px 36px;font-size:14px;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:#5c6675}.search input::-webkit-search-cancel-button{display:none}.search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.search-clear{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear:hover{color:var(--text);background:#1d1626}.toolbar select{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px}.toolbar select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.toolbar .count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.th-sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort svg{opacity:.6}.th-sort:hover,th[aria-sort] .th-sort{color:var(--text)}th[aria-sort] .th-sort svg{opacity:1;color:var(--accent)}.th-sort:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.empty-note{margin:8px 0 4px}@media (width<=600px){.toolbar .count{text-align:right;width:100%;margin-left:0}.toolbar select{flex:1}.search input,.toolbar select{font-size:16px}}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}.table tbody tr{animation:.35s ease-out both rise-in;animation-delay:calc(var(--i,0) * 40ms)}.table tbody tr:hover{background:#1d1626}code{font-family:var(--mono);border:1px solid var(--line);background:#0b0e13;border-radius:4px;padding:1px 5px;font-size:12px}.page{animation:.28s ease-out both page-in}.cards .card,.panel{animation:.4s ease-out both rise-in;animation-delay:calc(var(--i,0) * 60ms)}.nav-item{animation:.3s ease-out both slide-in;animation-delay:calc(var(--i,0) * 35ms)}.sidebar nav a:hover{transform:translate(2px)}.topbar-title{animation:.25s ease-out both fade-in}.icon-btn:active,.profile-btn:active{transform:scale(.95)}.btn:active{transform:translateY(1px)}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.dropdown,.page,.cards .card,.panel,.nav-item,.topbar-title,.table tbody tr{animation:none}.nav-sub,.nav-chev,.nav-group-btn{transition:none}.sidebar nav a:hover{transform:none}.sidebar,.scrim,.chev,.icon-btn,.profile-btn,.sidebar nav a{transition:none}}@media (width<=1100px){.cards.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{visibility:hidden;width:min(280px,84vw);transition:transform .22s,visibility .22s;transform:translate(-100%);box-shadow:0 0 40px #00000080}.shell.menu-open .sidebar{visibility:visible;transform:none}.icon-btn.sidebar-close{display:grid}.scrim{z-index:25;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;display:block;position:fixed;inset:0}.shell.menu-open .scrim{opacity:1;pointer-events:auto}.content{margin-left:0}.icon-btn.menu-btn{display:grid}.topbar{padding-left:12px;padding-right:12px}.topbar-title{display:none}.topbar-brand{display:inline}main{padding:18px 14px 32px}.grid-2{grid-template-columns:1fr}}@media (width<=600px){.profile-name{display:none}.profile-btn{padding:3px}.cards{gap:10px}.card .n{font-size:24px}.page-head h2{font-size:20px}.page-head .btn{width:100%}.dropdown{width:min(260px,100vw - 24px)}}.icon-btn.sm{border-radius:8px;width:32px;height:32px}.icon-btn.sm:hover{color:var(--accent);background:#d4228a14;border-color:#3a2a46}.icon-btn.sm.danger:hover{color:#ff8f93;background:#e5484d1a;border-color:#5a2426}.icon-btn.sm.ok:hover{color:var(--ok);background:#3fb67a1f;border-color:#1f4d36}.icon-btn.sm:disabled{opacity:.45;cursor:not-allowed}.row-actions{gap:2px}.table{min-width:560px}.status.blue i{background:#6b7ae8}.nav-badge{background:var(--accent);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.review-log{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.btn.primary svg,.btn.danger svg{vertical-align:-2px}@media (width<=600px){.table{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block}.table tr{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 2px;display:flex}.table tbody tr:hover{background:0 0}.table td{border:0;padding:0}.table td.td-user{flex:1 1 0;order:0;min-width:0}.table td.td-user b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.table td.td-actions{order:1;margin-left:auto}.table td.td-meta{flex:none;order:2}.table td.td-time{flex:100%;font-size:12px}.table td.td-time:before{content:attr(data-label) ": ";color:#5c6675}}.approve-actions{gap:6px}.approve-actions .btn.sm{white-space:nowrap;min-height:34px;padding:6px 12px;font-size:13px}@media (width<=600px){.table td.td-actions:has(.approve-actions){flex:100%;order:3;margin-left:0}.approve-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.approve-actions .btn{justify-content:center}.approve-actions .btn:first-child{grid-column:1/-1}}.tg-btn{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.tg-wait{justify-items:start;gap:10px;display:grid}.tg-wait>p{margin:0}.tg-spin{vertical-align:-2px;border-color:#fff3;border-top-color:var(--accent);margin-right:6px;display:inline-block}.tg-code{align-items:center;gap:8px;max-width:100%;display:flex}.tg-code code{overflow-wrap:anywhere;padding:8px 10px;font-size:13px}.tg-list{gap:8px;margin:0;padding:0 0 0 2px;font-size:14px;list-style:none;display:grid}.panel textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--input-bg);color:var(--text);resize:vertical;border-radius:8px;padding:11px 12px;font-size:14px;line-height:1.45}.panel textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.tabs-row{flex-wrap:wrap;gap:8px;margin:-6px 0 14px;display:flex}.tab-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tab-chip:hover{color:var(--text);border-color:#3a2a46}.tab-chip.on{color:var(--text);border-color:var(--accent);background:#d4228a1a}.tab-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tab-count{min-width:20px;height:20px;color:var(--text);background:#2a2038;border-radius:99px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.tab-chip.on .tab-count{background:var(--accent);color:#fff}.studio-badge{letter-spacing:.06em;white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.studio-universe-ge{color:#c9b3ff;background:#7020802e;border-color:#4a2d8a}.studio-platin-mt{color:#8fd3ff;background:#3987e52e;border-color:#23406b}.studio-none{color:var(--muted);border-color:var(--line)}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell-text{min-width:0}.user-cell-text b{display:block}.avatar.sm{width:28px;height:28px;font-size:11px}.del-info{line-height:1.3;display:grid}.deleted-banner{color:#ff8f93;background:#e5484d1a;border:1px solid #5a2426;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.deleted-banner svg{flex:none;margin-top:1px}.studio-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-option{border:1px solid var(--line);background:var(--input-bg);min-height:48px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.studio-option:hover{border-color:#3a2a46}.studio-option.on{border-color:var(--accent);background:#d4228a14;box-shadow:0 0 0 3px #d4228a26}.studio-option svg{color:var(--accent)}.studio-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tg-key-box{border:1px solid var(--line);background:#0b0e13;border-radius:10px;gap:6px;width:100%;max-width:460px;padding:12px 14px;display:grid}.tg-key{align-items:center;gap:10px;display:flex}.tg-key code{letter-spacing:.18em;color:#ff8fd0;background:#d4228a14;border-color:#3a2a46;padding:6px 12px;font-size:22px;font-weight:700}.tg-key .btn{align-items:center;gap:6px;display:inline-flex}.narrow-card{max-width:460px}@media (width<=600px){.studio-pick{grid-template-columns:1fr}.tg-key code{font-size:18px}}.card-id-body{background:#fff;border-radius:10px;padding:14px}.barcode{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.card-id>p{margin:10px 0 0}@media (width<=600px){.table td.td-actions{flex:100%;order:3;margin-left:0;padding-top:2px}.table td.td-actions .row-actions:not(.approve-actions){justify-content:flex-start;gap:6px}}.sub-list{flex-direction:column;display:flex}.sub-row{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:10px 6px;transition:background .15s;display:flex}.sub-row:hover{background:#1d1626}.sub-row.on{background:#d4228a12}.sub-row.sub-head{cursor:default;border-top:0;padding:4px 6px 10px}.sub-row.sub-head:hover{background:0 0}.sub-row input[type=checkbox]{accent-color:#d4228a;cursor:pointer;flex:none;width:18px;height:18px;margin:0}.sub-who{flex:1 1 0;min-width:0;line-height:1.3;display:grid}.sub-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sub-msg-all{margin-left:auto}.sub-compose{background:#d4228a0d;border:1px solid #3a2a46;border-radius:10px;margin-top:14px;padding:14px 16px 12px}.sub-targets{overflow-wrap:anywhere;margin:-4px 0 12px}@media (width<=600px){.sub-row{flex-wrap:wrap;gap:8px 10px}.sub-who{flex:1 1 0}.sub-badges{flex:100%;padding-left:28px}.sub-msg-all{flex:100%;justify-content:center}}.brand-link{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:-2px -4px;padding:2px 4px;display:flex}.brand-link:hover .wordmark{opacity:.85}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-link img{width:34px;height:auto}.topbar-brand.brand-link{display:none}@media (width<=900px){.topbar-brand.brand-link{display:flex}}.games-kpi{margin-bottom:16px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.game-card{border:1px solid var(--line);animation:.35s ease-out both rise-in;animation-delay:calc(var(--i,0) * 40ms);background:#0b0e13;border-radius:12px;flex-direction:column;gap:10px;padding:14px;transition:border-color .15s;display:flex}.game-card:hover{border-color:#3a2a46}.game-card.off{opacity:.7}.game-card-head{align-items:center;gap:10px;display:flex}.game-icon{color:#fff;background:linear-gradient(135deg,#702080,#c02080);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.game-title{flex:1;min-width:0;line-height:1.25;display:grid}.game-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-meta{flex-wrap:wrap;gap:6px;display:flex}.game-desc{color:var(--label);margin:0;font-size:13px}.game-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.empty-games{color:var(--muted);justify-items:center;gap:8px;padding:30px 10px;display:grid}.empty-games p{margin:0}@media (prefers-reduced-motion:reduce){.game-card{animation:none}}.event-chip{border:1px solid var(--line);background:var(--input-bg);font-family:var(--mono);color:var(--label);border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.maint-note{color:#c5caff;background:#6b7ae81a;border:1px solid #4a4a2a;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;display:flex}.maint-note svg{flex:none;margin-top:1px}.icon-btn.sm.warnbtn:hover{color:#c5caff;background:#6b7ae81f;border-color:#2b3a8a}.code-input{font-family:var(--mono);letter-spacing:.35em;text-align:center;font-size:22px!important}.dealer-games{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dealer-games li{border:1px solid var(--line);background:#0b0e13;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.dealer-games li.off{opacity:.7}.game-icon.sm{border-radius:8px;width:30px;height:30px}.dg-main{flex:1 1 0;min-width:0;line-height:1.25;display:grid}.dg-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.games-count{white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.games-count.none{color:var(--muted)}.assign-list{gap:6px;max-height:46vh;margin-bottom:12px;padding-right:4px;display:grid;overflow-y:auto}.assign-row{border:1px solid var(--line);cursor:pointer;background:#0b0e13;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;transition:border-color .15s,background .15s;display:flex}.assign-row:hover{border-color:#3a2a46}.assign-row.on{border-color:var(--accent);background:#d4228a12}.assign-row.dim{opacity:.45;cursor:not-allowed}.assign-row input{accent-color:#d4228a;flex:none;width:18px;height:18px;margin:0}.rot-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 14px;display:grid}.rot-pick{grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 14px;display:grid}.pick-list{gap:6px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.pick-row{border:1px solid var(--line);cursor:pointer;background:#0b0e13;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pick-row.on{border-color:var(--accent);background:#d4228a12}.pick-row.dim{opacity:.5}.pick-row input{accent-color:#d4228a;flex:none;width:18px;height:18px;margin:0}.rot-stats{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.rot-wrap{border:1px solid var(--line);border-radius:10px;max-height:60vh;overflow:auto}.rot-table{width:max-content;min-width:100%}.rot-table th{z-index:2;background:var(--panel);white-space:nowrap;position:sticky;top:0}.rot-table th.rot-time,.rot-table td.rot-time{z-index:3;background:var(--panel);white-space:nowrap;position:sticky;left:0}.rot-table th.rot-time{z-index:4}.rot-cell{white-space:nowrap;font-size:13px}.rot-cell .avatar.sm{vertical-align:middle;width:22px;height:22px;margin-right:2px;font-size:9px;display:inline-grid}.rot-cell.gap{color:#ff8f93;background:#e5484d12}.rot-cell.break{color:#c5caff;background:#6b7ae814}.rot-cell.standby{color:var(--muted)}.rot-cell.work{color:var(--text)}.rot-summary{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.rot-pill{border:1px solid var(--line);color:var(--muted);background:#0b0e13;border-radius:99px;padding:4px 10px;font-size:12px}.rot-pill b{color:var(--text)}.rot-date{border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:6px 8px;font-size:13px}.timeline{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tl-row{border:1px solid var(--line);background:#0b0e13;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.tl-row.break{color:#c5caff;background:#6b7ae814}.tl-row.standby{color:var(--muted)}.tl-row.past{opacity:.55}.tl-row.now{border-color:var(--accent);opacity:1;background:#d4228a14}.tl-time{color:var(--muted);flex:none;font-size:12px}.tl-what{align-items:center;gap:8px;font-weight:600;display:flex}.tl-now{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}@media (width<=760px){.rot-pick{grid-template-columns:1fr}}@media (width<=600px){.rot-table,.rot-table thead,.rot-table tbody,.rot-table tr,.rot-table td,.rot-table th{display:revert}.rot-table tr{border:0;padding:0}.rot-table td{border-bottom:1px solid var(--line);padding:10px 8px}.rot-table thead{display:table-header-group}}.confirm-text{margin:0 0 18px;font-size:14px;line-height:1.5}.plan-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-facts{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pick-list.short{max-height:200px}.days-table tr.today td{background:#d4228a0d}.day-dealers{flex-wrap:wrap;gap:8px;display:flex}.day-dealer{border:1px solid var(--line);background:#0b0e13;border-radius:99px;align-items:center;gap:8px;padding:4px 4px 4px 6px;font-size:13px;font-weight:600;display:inline-flex}.day-dealer .icon-btn.sm{border-radius:50%;width:26px;height:26px}.rot-grid.two{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.shift-badge{letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border:1px solid;border-radius:6px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.shift-badge.day{color:#ffd27a;background:#ffb02e1f;border-color:#5a4520}.shift-badge.night{color:#9aa4ff;background:#4f5bd52e;border-color:#2b3a8a}.shift-toggle{flex:none;gap:4px;margin-left:auto;display:inline-flex}.shift-opt{border:1px solid var(--line);background:var(--input-bg);color:var(--muted);cursor:pointer;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:600}.shift-opt.on.day{color:#ffd27a;background:#ffb02e1f;border-color:#5a4520}.shift-opt.on.night{color:#9aa4ff;background:#4f5bd52e;border-color:#2b3a8a}.shift-opt.on.off{color:var(--text);background:#1d1626;border-color:#3a3146}.shift-opt:disabled{opacity:.4;cursor:not-allowed}.day-shift{gap:6px;margin-bottom:10px;display:grid}.rot-cell.off{color:#3a3146;background:#0b0e13}.plan-actions .btn{align-items:center;gap:6px;display:inline-flex}@media (width<=600px){.plan-actions,.plan-actions .btn{justify-content:center;width:100%}.rot-wrap{max-height:70vh}.pick-row{flex-wrap:wrap}.shift-toggle{flex:100%;margin-left:38px}}.pick-list.full{max-height:none;overflow:visible}.create-plan .panel{margin-bottom:14px}.sticky-actions{z-index:5;padding:10px 4px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--bg) 70%, transparent);margin:0 -4px;position:sticky;bottom:0}@media (width<=600px){.pick-row .dg-main{flex:60%}.shift-toggle{flex:100%;justify-content:flex-start;margin-left:0}.shift-opt{text-align:center;flex:1;padding:8px 6px}.page-head h2{overflow-wrap:anywhere}.rot-grid,.rot-grid.two{grid-template-columns:1fr}.rot-date{width:auto;min-height:36px}}.roster-table th,.roster-table td{text-align:center;padding:4px}.roster-table th.rot-time,.roster-table td.rot-time{text-align:left;padding:6px 10px}.roster-table th{font-size:11px}.roster-table th b{font-size:12px;display:block}.roster-dow{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.roster-table th.today b{color:var(--accent)}.roster-cell{width:34px;min-width:34px}.roster-btn{width:30px;height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:12px;font-weight:700}.roster-cell.day .roster-btn,.roster-cell.day{color:#ffd27a}.roster-cell.day .roster-btn{background:#ffb02e1f;border-color:#5a4520}.roster-cell.night .roster-btn,.roster-cell.night{color:#9aa4ff}.roster-cell.night .roster-btn{background:#4f5bd52e;border-color:#2b3a8a}.roster-cell.off .roster-btn,.roster-cell.off{color:#4a3f58}.roster-cell.off .roster-btn{border-color:var(--line);background:#0b0e13}.roster-cell.today .roster-btn{box-shadow:0 0 0 2px #d4228a66}.roster-btn:hover{filter:brightness(1.25)}.roster-btn:focus-visible{outline:2px solid var(--accent)}.roster-totals td{border-top:2px solid var(--line);font-size:11px}.roster-cell.totals .roster-btn{width:auto;min-width:30px;color:var(--ok);background:#3fb67a14;border-color:#1f4d36;padding:0 4px}.roster-cell.totals.low .roster-btn{color:#ff8f93;background:#e5484d1a;border-color:#5a2426}.roster-key{vertical-align:middle;border-radius:5px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-grid}.roster-key.day{color:#ffd27a;background:#ffb02e1f}.roster-key.night{color:#9aa4ff;background:#4f5bd52e}.roster-key.off{color:#6b6478;background:#0b0e13}.shift-choice{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.shift-opt.big{padding:14px 8px;font-size:14px}.shift-opt.big.day{color:#ffd27a}.shift-opt.big.night{color:#9aa4ff}.shift-opt.big.on.day{background:#ffb02e1f;border-color:#5a4520}.shift-opt.big.on.night{background:#4f5bd52e;border-color:#2b3a8a}.shift-opt.big.on.off{color:var(--text);background:#1d1626}.my-month{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin-bottom:12px;display:grid}.my-day{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#0b0e13;border-radius:8px;justify-items:center;padding:5px 2px;display:grid}.my-day span{font-size:13px;font-weight:700}.my-day small{text-transform:uppercase;letter-spacing:.04em;font-size:9px}.my-day.day{color:#ffd27a;background:#ffb02e14;border-color:#5a4520}.my-day.night{color:#9aa4ff;background:#4f5bd51f;border-color:#2b3a8a}.my-day.sel{box-shadow:0 0 0 2px var(--accent)}.my-day.today span{text-decoration:underline}@media (width<=600px){.roster-table,.roster-table thead,.roster-table tbody,.roster-table tr,.roster-table td,.roster-table th{display:revert}.roster-table thead{display:table-header-group}.roster-table tr{border:0;padding:0}.roster-table td{border-bottom:1px solid var(--line);padding:3px}.roster-table td.rot-time,.roster-table th.rot-time{max-width:120px;padding:6px 8px;font-size:12px}.roster-table td.rot-time .avatar.sm{display:none}.roster-wrap{max-height:70vh}}.shift-days{gap:6px;margin:0;padding:0;list-style:none;display:grid}.shift-day{border:1px solid var(--line);background:#0b0e13;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.shift-day.day{border-color:#5a452066}.shift-day.night{border-color:#2b3a8a66}.shift-day.today{box-shadow:0 0 0 2px #d4228a66}.shift-day.past{opacity:.55}.shift-day-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.shift-date{min-width:96px;font-weight:600}.shift-badge.offb{color:var(--muted);border-color:var(--line);background:#0b0e13}.swap-row{flex-wrap:wrap}.assign-row input[type=radio]{accent-color:#d4228a;flex:none;width:18px;height:18px;margin:0}@media (width<=600px){.shift-day .row-actions{flex-wrap:wrap;flex:100%;justify-content:flex-start}.page-head .rot-date{width:100%}}.rules-banner{color:var(--text);background:#4f5bd51a;border:1px solid #2b3a8a;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.rules-banner svg{color:#9aa4ff;flex:none;margin-top:2px}.roster-shifts-h,.roster-shifts{text-align:center;white-space:nowrap}.shifts-pill{border:1px solid var(--line);background:#0b0e13;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.shifts-pill.ot{color:#ff8f93;background:#e5484d1a;border-color:#5a2426}.shifts-pill.ot-ok{color:var(--ok);background:#3fb67a1f;border-color:#1f4d36}.roster-cell.viol .roster-btn{box-shadow:0 0 0 2px var(--bad)}.rules-list{gap:8px;margin-top:12px;display:grid}.rule-row{background:#e5484d12;border:1px solid #5a2426;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.shift-day .row-actions{flex-wrap:wrap}.shift-day .rule-hint{white-space:normal;text-align:right;flex-basis:100%}.leave-type{border:1px solid var(--line);letter-spacing:.02em;text-transform:uppercase;color:#8fd3c8;background:#0b0e13;border-color:#1f4d47;border-radius:99px;margin-right:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.leave-type.sick{color:#ff9a9e;border-color:#5a2426}.leave-type.holiday{color:#ffd166;border-color:#5a4520}.leave-row{gap:10px}.leave-row .list-main b .studio-badge{vertical-align:middle;margin-left:6px}.leave-row .avatar.as-btn{cursor:pointer;border:0;flex:none}.nav-badge.inline{vertical-align:middle;margin-left:8px;display:inline-grid}.tabs-row.compact{margin:0}.shift-day.leave{border-color:#1f4d4788}.shift-badge.leave,.roster-key.leave{color:#8fd3c8;background:#2ec4b61a;border-color:#1f4d47}.roster-cell.leave .roster-btn.static{color:#8fd3c8;cursor:default;background:#2ec4b61a;border-color:#1f4d47;place-items:center;display:inline-grid}.form-grid.two .auth-field:last-child{grid-column:auto}@media (width<=600px){.form-grid.two{grid-template-columns:1fr}}.cap-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.cap-form .auth-field{margin-bottom:12px}.cap-form .rot-grid.two{grid-template-columns:1fr 1fr}.cap-form .auth-error:empty{display:none}.cap-input{font-variant-numeric:tabular-nums;font-weight:700;font-size:26px!important}.cap-results{gap:16px;min-width:0;display:grid}.cap-hero{background:linear-gradient(135deg, #2a1240, var(--panel) 65%);border-color:#4a2a6a;padding:22px 24px;position:relative;overflow:hidden}.cap-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4228a33,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.cap-hero .cap-n{letter-spacing:-.02em;background:var(--grad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,9vw,76px);font-weight:800;line-height:1}.cap-hero .cap-t{margin-top:4px;font-size:18px;font-weight:600}.cap-hero .cap-sub{color:var(--muted);margin-top:6px;font-size:13px}.cap-check{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:flex-start;gap:6px;max-width:100%;margin-top:14px;padding:5px 10px;font-size:12px;line-height:1.4;display:inline-flex}.cap-check svg{flex:none;margin-top:2px}.cap-check.ok{color:var(--ok);background:#3fb67a14;border-color:#3fb67a55}.cap-check.bad{color:var(--bad);background:#e5484d14;border-color:#e5484d55}.cap-check.warn{color:#e8b04f;background:#e8b04f14;border-color:#e8b04f55}.cap-cards .card .muted.small{margin-top:2px}.cap-banner{margin-bottom:0}.cap-banner.ok{background:#3fb67a14;border-color:#2f6a4a}.cap-banner.ok svg{color:var(--ok)}.cap-banner.warn{background:#e5484d14;border-color:#7a3a3a}.cap-banner.warn svg{color:var(--bad)}.cap-grid{grid-template-columns:1fr 1fr}.cap-how{color:var(--muted);margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.6}.cap-how li+li{margin-top:4px}.cap-next{background:#d4228a14;border:1px solid #d4228a44;border-radius:10px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:13px;display:flex}.cap-next svg{color:var(--accent);flex:none}.cap-table-wrap{margin-bottom:10px;overflow-x:auto}.cap-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.cap-table th,.cap-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 10px}.cap-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:normal;vertical-align:bottom;font-size:11px;font-weight:600}.cap-table tr.now td{background:#d4228a1a;font-weight:700}.cap-table tr.now td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cap-table+.muted{margin:0 0 12px}@media (width<=900px){.cap-layout,.cap-grid{grid-template-columns:1fr}}.notif{position:relative}.notif-badge{background:var(--accent);color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);border-radius:9px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:3px;right:3px}.notif-menu{width:min(380px,100vw - 24px);padding:0;overflow:hidden}.notif-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.notif-head button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:12px;font-weight:600}.notif-head button:hover,.notif-head button:focus-visible{outline:none;text-decoration:underline}.notif-list{overscroll-behavior:contain;max-height:min(60vh,440px);overflow-y:auto}.notif-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;gap:4px;padding:11px 14px 11px 26px;display:grid;position:relative}.notif-item:last-child{border-bottom:0}.notif-item:hover,.notif-item:focus-visible{background:#ffffff0a;outline:none}.notif-item.unread:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:17px;left:11px}.notif-item.unread .notif-text{font-weight:600}.notif-text{white-space:pre-line;word-break:break-word;font-size:13px;line-height:1.4}.notif-empty{text-align:center;margin:0;padding:28px 14px}@media (width<=600px){.notif-menu{top:calc(56px + env(safe-area-inset-top,0px));width:auto;position:fixed;left:12px;right:12px}}.onb{background:radial-gradient(900px 500px at 50% -10%, #70208066, #0000 60%), var(--bg);flex-direction:column;min-height:100dvh;display:flex}.onb-top{padding:calc(14px + env(safe-area-inset-top,0px)) 20px 14px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.onb-who{align-items:center;gap:10px;display:flex}.onb-name{font-size:13px;font-weight:600}.onb-main{flex:1;align-content:start;justify-items:center;padding:28px 16px 40px;display:grid}.onb-card{width:100%;max-width:680px;padding:28px 28px 24px;animation:.4s ease-out both rise-in}.onb-head{margin-bottom:18px}.onb-step{color:#ff8fd0;letter-spacing:.08em;text-transform:uppercase;background:#d4228a14;border:1px solid #3a2a46;border-radius:99px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.onb-card h1{margin:0 0 6px;font-size:24px}.onb-card .onb-head p{margin:0}.onb-note{color:var(--text);background:#4f5bd51f;border:1px solid #2b3a8a;border-radius:10px;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;display:flex}.onb-note svg{color:#9aa4ff;flex:none;margin-top:2px}.onb-note b{margin-bottom:2px;display:block}.onb-card .form-grid{grid-template-columns:1fr 1fr}.onb-card .form-grid .auth-field.wide,.onb-card .form-grid .auth-field:last-child{grid-column:1/-1}.onb-card .form-grid .auth-field:last-child:not(.wide){grid-column:auto}.auth-field textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--input-bg);color:var(--text);resize:vertical;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.auth-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4228a40}.auth-field input[aria-invalid=true],.auth-field textarea[aria-invalid=true],.auth-field select[aria-invalid=true]{border-color:var(--bad)}.onb-actions{justify-content:flex-end;margin-top:6px;display:flex}.onb-submit{align-items:center;gap:8px;min-height:46px;padding:12px 22px;font-size:15px;display:inline-flex}.onb-wait{text-align:center;justify-items:center;max-width:560px;display:grid}.wait-ring{color:#9aa4ff;background:#4f5bd52e;border:1px solid #2b3a8a;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:12px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:grid}.onb-wait h1{margin:4px 0 6px}.onb-wait>.muted{margin:0 0 16px}.onb-summary{border:1px solid var(--line);text-align:left;background:#0b0e13;border-radius:10px;width:100%;max-width:420px;margin:0 0 18px;padding:12px 16px}@media (width<=600px){.onb-main{padding:18px 12px 32px}.onb-card{padding:22px 18px 20px}.onb-card .form-grid{grid-template-columns:1fr}.onb-card .auth-field input,.onb-card .auth-field select,.onb-card .auth-field textarea{font-size:16px}.onb-actions,.onb-submit{justify-content:center;width:100%}.onb-name{display:none}}@media (prefers-reduced-motion:reduce){.onb-card,.wait-ring{animation:none}}.chips{flex-wrap:wrap;gap:8px;padding:2px 0;display:flex}.chips:focus{outline:none}.chip{border:1px solid var(--line);background:var(--input-bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;transition:border-color .15s,background .15s,color .15s,transform .1s;display:inline-flex}.chip:hover{background:#1d1626;border-color:#3a2a46}.chip:active{transform:scale(.97)}.chip.on{border-color:var(--accent);color:#ff8fd0;background:#d4228a1f}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only,.auth-field input.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.photo-field{align-items:center;gap:18px;padding:4px 0;display:flex}.photo-preview{background:var(--input-bg);width:96px;height:96px;color:var(--muted);border:2px dashed #3a3146;border-radius:50%;flex:none;place-items:center;transition:border-color .15s;display:grid;overflow:hidden}.photo-preview.has-photo{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 4px #d4228a26}.photo-preview.err{border-color:var(--bad)}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.photo-btn{cursor:pointer;align-items:center;min-height:40px;display:inline-flex}.photo-btn:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.photo-btn:has(input:disabled){opacity:.55;cursor:not-allowed}.avatar.photo{object-fit:cover;background:var(--panel);padding:0;overflow:hidden}.onb-wait .avatar.photo{border:3px solid var(--panel);width:88px;height:88px;box-shadow:0 0 0 2px var(--accent);margin-bottom:-22px}@media (width<=600px){.photo-field{gap:14px}.photo-preview{width:80px;height:80px}}.phone-group{gap:8px;display:flex}.phone-cc-wrap{flex:none;min-width:0;position:relative}.phone-cc-display{border:1px solid var(--line);background:var(--input-bg);height:100%;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:12px 10px 12px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:flex}.phone-cc-display svg{color:var(--muted);flex:none}.phone-cc-wrap.err .phone-cc-display{border-color:var(--bad)}:is(.phone-cc-wrap:has(select:focus-visible) .phone-cc-display,.phone-cc-wrap:has(select:focus) .phone-cc-display){border-color:var(--accent);box-shadow:0 0 0 3px #d4228a40}.phone-cc{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;font-size:16px;position:absolute;inset:0}.phone-group input{flex:1 1 0;min-width:0}.onb-photo-wrap{margin-bottom:12px;display:inline-block;position:relative}.onb-wait .avatar.photo{border:3px solid var(--panel);width:88px;height:88px;box-shadow:0 0 0 2px var(--accent);margin:0;animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.onb-photo-badge{border:3px solid var(--panel);background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:-2px;right:-2px}@media (width<=600px){.phone-cc-display{font-size:16px}}.auth-field.has-err>span:first-child{color:#ff8f93}.auth-field.has-err .chips{outline:1px solid var(--bad);outline-offset:-1px;background:#e5484d0d;border-radius:12px;margin:0 -8px;padding:8px}.auth-field.has-err .photo-btn{border-color:var(--bad)}.onb-bottom-err{color:#ff8f93;background:#e5484d1a;border:1px solid #5a2426;border-radius:8px;align-items:center;gap:6px;margin:4px 0 10px;padding:10px 12px;font-size:13px;display:flex}.onb-bottom-err svg{flex:none}.auth-field{scroll-margin-top:80px}.terms-field{border:1px solid var(--line);background:#0b0e13;border-radius:10px;margin-top:4px;padding:14px}.terms-field.has-err{border-color:var(--bad)}.check-row{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check-row input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.check-box{background:var(--input-bg);color:#fff;border:1px solid #3a3146;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;transition:background .15s,border-color .15s;display:grid}.check-box svg{opacity:0;transition:opacity .15s}.check-row input:checked+.check-box{background:var(--grad);border-color:#0000}.check-row input:checked+.check-box svg{opacity:1}.check-row input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.check-text{font-size:15px;line-height:1.5}.check-text .auth-link{font-size:inherit;font-weight:600}.terms-text{max-height:50vh;margin:-4px 0 16px;padding-right:6px;font-size:14px;line-height:1.55;overflow-y:auto}.terms-text h3{margin:14px 0 4px;font-size:14px}.terms-text h3:first-child{margin-top:0}.terms-text p{color:var(--label);margin:0 0 8px}.wait-ring.bad{color:#ff8f93;background:#e5484d1f;border-color:#5a2426}.onb-photo-badge.bad{background:var(--bad)}.onb-wait .onb-note{text-align:left;width:100%;max-width:420px}