:root{--bg:#0f0a16;--panel:#17111f;--panel-2:#221a2e;--text:#efe9f5;--muted:#a394b3;--line:#2b2136;--accent:#d4228a;--accent-soft:#d4228a40;--grad:linear-gradient(90deg, #702080, #c02080);--blue:#4f5bd5;--ok:#3fb67a;--warn:#6b7ae8;--bad:#e5484d;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:6px;--radius:8px;--radius-lg:10px;--header-h:56px;--sidebar-w:240px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}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}h1,h2,h3,p{margin:0}a{color:var(--accent)}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:20;height:var(--header-h);background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.header-spacer{flex:1}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.brand-mark{background:var(--grad);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sys-status{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot-ok{background:var(--ok)}.dot-bad{background:var(--bad)}.dot-blue{background:var(--blue)}.dot-warn{background:var(--warn)}.user-chip{align-items:center;gap:10px;display:flex}.user-name{font-weight:500}.avatar{background:var(--panel-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.app-body{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);flex:1;display:grid}.sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));background:var(--panel);border-right:1px solid var(--line);flex-direction:column;align-self:start;padding:12px;display:flex;position:sticky;overflow-y:auto}.sidebar-head{display:none}.sidebar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;padding:6px 12px;font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{color:var(--text);background:#ffffff0a}.nav a.active{color:var(--text);box-shadow:inset 3px 0 0 var(--accent);background:#ffffff14}.nav .badge{background:var(--accent);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);word-break:break-all;margin-top:auto;padding:12px;font-size:12.5px}.main{min-width:0;padding:24px}.scrim,.nav-toggle{display:none}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:500;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:default;filter:none}.btn-primary{background:var(--grad);color:#fff;border-color:#0000}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);filter:none;background:#ffffff14}.btn-sm{padding:6px 10px;font-size:13px}.btn-block{width:100%;padding:11px 14px;font-size:15px}.icon-btn{border-radius:var(--radius);border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title{font-size:15px;font-weight:600}.card-link{color:var(--muted);font-size:13px;text-decoration:none}.card-link:hover{color:var(--text)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.01em;font-size:22px;font-weight:600}.page-sub{color:var(--muted);margin-top:2px}.grid-2{grid-template-columns:3fr 2fr;gap:16px;margin-top:16px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:30px;font-weight:600;line-height:1.2}.kpi-of{color:var(--muted);margin-left:4px;font-size:16px;font-weight:400}.kpi-note{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:0 8px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:10px 8px}.table tr:last-child td{border-bottom:0}.table .wrap{white-space:normal}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.chip{white-space:nowrap;border:1px solid;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-bad{color:#ff8f93;background:#e5484d1a;border-color:#e5484d73}.chip-blue{color:#b3b9ff;background:#4f5bd51a;border-color:#4f5bd573}.chip-ok{color:#8fe0b4;background:#3fb67a1a;border-color:#3fb67a73}.bar-list{flex-direction:column;gap:14px;display:flex}.bar-row{grid-template-columns:1fr auto;align-items:center;gap:5px 12px;display:grid}.bar-name{font-size:13.5px}.bar-val{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.bar-track{background:var(--line);border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:99px;height:100%}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.feed{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 10%,#221a2e,#0b0e13);position:relative;overflow:hidden}.feed:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.feed-live{letter-spacing:.06em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:10px}.feed-live:before{content:"";background:var(--bad);border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse}.feed-label{font-family:var(--mono);font-size:12px;position:absolute;bottom:8px;left:10px}.feed-time{font-family:var(--mono);color:var(--muted);font-size:11px;position:absolute;bottom:8px;right:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.login-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{width:100%;max-width:400px;padding:28px}.login-mark{background:var(--grad);color:#fff;width:52px;height:52px;box-shadow:0 8px 24px var(--accent-soft);border-radius:14px;place-items:center;margin:0 auto 16px;display:grid}.login-title{text-align:center;font-size:22px;font-weight:600}.login-subtitle{color:var(--muted);text-align:center;margin:4px 0 22px}.field{margin-bottom:14px;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#6f6380}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field select{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);outline:none;padding:10px 12px}.select-sm{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);padding:5px 8px;font-size:13px}.input-row{gap:8px;display:flex}.input-row input{flex:1;min-width:0}.role-options{flex-direction:column;gap:8px;display:flex}.role-option{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.role-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.role-option input{accent-color:var(--accent);grid-row:span 2;margin:0}.role-name{font-weight:500}.role-desc{color:var(--muted);font-size:12.5px}.form-ok{border-radius:var(--radius);color:#8fe0b4;background:#3fb67a1a;border:1px solid #3fb67a73;align-items:flex-start;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;display:flex}.form-ok code{font-family:var(--mono);color:var(--text);background:#ffffff14;border-radius:4px;padding:1px 6px}.btn-danger{color:#ff8f93}.btn-danger:hover{color:#ff8f93;background:#e5484d1a}.btn-danger-solid{color:#ff8f93;background:#e5484d1a;border-color:#e5484d73}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.table .actions{text-align:right}.table tr.saving{opacity:.6}.chip-off{color:var(--muted);border-color:var(--line);background:#ffffff0a}.chip-accent{color:#ff8fd0;background:#d4228a1a;border-color:#d4228a73}.field-hint{margin:-6px 0 12px;font-size:12.5px}.field-hint.bad{color:#ff8f93}.field .field-hint{margin:6px 0 0}.form-info{border-radius:var(--radius);color:#b3b9ff;background:#4f5bd51a;border:1px solid #4f5bd573;align-items:flex-start;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;display:flex}.form-info svg{flex:none;margin-top:1px}.hours-row{align-items:flex-end;gap:10px;display:flex}.hours-field{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:12.5px;display:flex}.hours-field input{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;min-height:42px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;font:inherit;margin:0;padding:9px 10px;display:block}.hours-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hours-arrow{color:var(--muted);flex:none;padding-bottom:12px}.user-cell{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.dot-off{background:var(--line)}.dot-accent{background:var(--accent)}.sidebar-note{color:var(--muted);padding:6px 12px;font-size:13px}.staff-list{flex-direction:column;gap:12px;display:flex}.staff-card{padding:14px 16px}.staff-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.staff-name{flex-direction:column;min-width:0;line-height:1.3;display:flex}.staff-name .muted{font-size:12.5px}.assign-pick{margin-left:auto}.assign-pick .select-sm{max-width:260px}.staff-empty{margin-top:10px;font-size:13px}.chip-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tchip{border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 10px;font-size:13px;display:inline-flex}.tchip>svg{color:var(--accent);flex:none}.tchip .muted{font-size:12px}.tchip.saving{opacity:.6}.tchip-x{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tchip-x:hover{color:#ff8f93;background:#e5484d1a}.legend{flex-wrap:wrap;align-items:center;gap:6px;margin:-8px 0 14px;font-size:12.5px;display:flex}.pchip-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pchip{background:var(--bg);border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;padding:3px 4px 3px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.pchip .tchip-x{width:20px;height:20px}.app-row{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.app-chip{background:#d4228a12;border-color:#d4228a73}.app-chip>svg{color:var(--accent)}.unassigned-card{border-color:#e5484d4d}.unassigned-card .avatar{color:#ff8f93;background:#e5484d1a;border-color:#e5484d73}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.screen{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);overflow:hidden}.screen-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:8px 12px;font-size:13px;display:flex}.screen-head .truncate{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.screen-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none;font-size:11px;font-weight:600}.screen-body{aspect-ratio:16/9;background:#0c0e13;position:relative}.stream{object-fit:cover;background:#0c0e13;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stream-empty{color:var(--muted);background:radial-gradient(120% 90% at 50% 10%,#221a2e,#0b0e13);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.stream-empty svg{color:#6f6380}.stream-sub{text-align:center;max-width:90%;font-size:11.5px}.stream-wrap{position:absolute;inset:0}.tile-actions{z-index:2;opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.screen:hover .tile-actions,.tile-actions:focus-within{opacity:1}@media (hover:none){.tile-actions{opacity:.85}}.tile-btn{width:28px;height:28px;color:var(--text);cursor:pointer;background:#0f0a16b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tile-btn:hover{border-color:var(--accent);background:#0f0a16}.tile-play{cursor:pointer;color:#fff;background:var(--grad);width:64px;height:64px;box-shadow:0 8px 24px var(--accent-soft);border:0;border-radius:50%;justify-content:center;align-items:center;padding-left:4px;transition:transform .15s;display:inline-flex}.tile-play:hover{transform:scale(1.06)}.version{color:#6f6380;margin-top:6px;font-size:11px}.wall-grid.per-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-grid.per-6{grid-template-columns:repeat(3,minmax(0,1fr))}.btn-report{color:#ff8f93;background:#e5484d1a;border-color:#e5484d73;flex:none}.btn-report:hover{filter:none;background:#e5484d2e}.pager{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.mobile-only{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.toast{z-index:60;background:var(--panel);color:#8fe0b4;border:1px solid #3fb67a73;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}:is(:fullscreen .header,:fullscreen .sidebar){display:none}:fullscreen .app-body{grid-template-columns:minmax(0,1fr)}:fullscreen .main{padding:16px}.modal-scrim{z-index:70;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto}.textarea{border-radius:var(--radius);resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;outline:none;padding:10px 12px}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.role-option.compact{padding:8px 12px}.role-option.compact input{grid-row:auto}.kpi-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mono-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.card-title.mono-label{color:var(--text);font-size:12px}.report-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.report{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.report:last-child{border-bottom:0}.report-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.report-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-body{font-size:13.5px}.report-meta{font-size:12.5px}.flag-open{color:var(--bad)}.flag-done{color:var(--ok)}.report-actions{flex:none}.kpi-4{grid-template-columns:repeat(4,minmax(0,1fr))}.chip-amber{color:#f2c17d;background:#e8992d1a;border-color:#e8992d73}.dot-amber{background:#e8992d}.inc-ref{color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:6px;padding:1px 7px;font-size:12px}.inc-form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.inc-span-2{grid-column:1/-1}.inc-form .field{margin-bottom:14px}.inc-form textarea,.inc-note-panel textarea{border-radius:var(--radius);resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;outline:none;padding:10px 12px}.inc-form textarea:focus,.inc-note-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inc-foot{align-items:center;gap:12px;margin-top:8px;display:flex}.inc-owner{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.inc-note-panel{flex-direction:column;gap:8px;margin-top:10px;display:flex}.inc-resolution{color:var(--text)}.inc-resolution svg{color:var(--ok);vertical-align:-2px}.inc-actions{flex-direction:column;align-items:stretch;gap:6px;min-width:150px;display:flex}.kv{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{word-break:break-all;margin:0}.bad-text{color:#ff8f93}code{font-family:var(--mono);background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:12.5px}.welcome{border-radius:var(--radius-lg);background:#3fb67a12;border:1px solid #3fb67a73;padding:14px 16px}.welcome-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-weight:500;display:flex}.welcome-text{resize:none;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font-family:var(--mono);margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:1.5}.narrow{max-width:560px}.event{align-items:center;gap:7px;display:inline-flex}.event svg{color:var(--ok);flex:none}.event.bad svg{color:var(--bad)}.seg{border:1px solid var(--line);background:var(--panel);border-radius:99px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:500}.seg-btn:hover{color:var(--text)}.seg-btn.active{color:var(--text);background:#ffffff14}.profile{position:relative}.profile-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:8px;padding:3px 8px 3px 3px;display:flex}.profile-btn:hover{background:#ffffff0a}.chev{color:var(--muted);transition:transform .15s}.chev.open{transform:rotate(180deg)}.menu{z-index:50;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);min-width:260px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000080}.menu-head{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:6px;padding:8px 10px 10px;font-size:13px;display:flex}.menu-item{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.menu-item:hover{background:#ffffff14}.menu-item svg{color:var(--muted);flex:none}.menu-item .chip{margin-left:auto}.menu-sep{background:var(--line);height:1px;margin:6px 0}.steps{color:var(--muted);margin:0 0 14px;padding-left:18px}.steps li{margin-bottom:4px}.qr{border-radius:var(--radius);background:#fff;width:200px;height:200px;margin:0 auto 12px;padding:6px;display:block}.secret{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);font-family:var(--mono);word-break:break-all;text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.icon-btn-sm{width:28px;height:28px}.code-input{font-family:var(--mono);letter-spacing:.3em;text-align:center;font-size:22px}.status-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.login-row{justify-content:space-between;align-items:center;margin:4px 0 16px;font-size:13px;display:flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--accent)}.link{color:var(--muted);text-decoration:none}.link:hover{color:var(--text)}.form-error{border-radius:var(--radius);color:#ff8f93;background:#e5484d1a;border:1px solid #e5484d73;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;display:flex}.login-hint{text-align:center;color:var(--muted);margin-top:16px;font-size:12.5px}.empty{text-align:center;color:var(--muted);place-items:center;padding:48px 20px;display:grid}.empty .empty-icon{color:var(--accent);margin-bottom:12px}@media (width<=700px){.mobile-only{display:grid!important}.desktop-only{display:none!important}}@media (width<=1024px){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.kpi-4{grid-template-columns:repeat(2,minmax(0,1fr))}.inc-form-grid{grid-template-columns:1fr}.inc-actions{width:100%;min-width:0}}@media (width<=900px){.app-body{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:40;width:min(300px,85vw);height:100dvh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 32px #00000080}.sidebar.open{transform:translate(0)}.sidebar-head{height:var(--header-h);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin:-12px -12px 8px;padding:0 12px 0 16px;display:flex}.scrim{z-index:35;background:#00000080;display:block;position:fixed;inset:0}body.nav-open{overflow:hidden}.nav a{padding:12px}.nav-toggle{display:inline-flex}.sys-status,.user-name{display:none}.main{padding:16px}.grid-2{grid-template-columns:1fr}.login-wrap{padding:16px}.login-card{padding:22px}.field input,.hours-field input,.field select,.search input{font-size:16px}.search{flex:1}.search input{width:100%}.hours-field input{min-height:46px}.role-option{padding:12px}.input-row .btn-sm{min-height:42px;padding:0 12px}}@media (width<=640px){.sidebar-label{padding:8px 14px;font-size:12px}.nav{gap:4px}.nav a{border-radius:var(--radius-lg);padding:14px;font-size:16px}.nav a svg{width:22px;height:22px}.nav .badge{padding:2px 9px;font-size:12px}.sidebar-footer{padding:16px 14px;font-size:13.5px}.header{gap:8px;padding:0 12px}.brand{gap:8px;font-size:14px}.brand-mark{width:28px;height:28px}.profile-btn{gap:4px;padding:2px 6px 2px 2px}.menu{left:12px;right:12px;top:calc(var(--header-h) + 6px);min-width:0;position:fixed}.seg{width:100%}.seg-btn{flex:1}.main{padding:12px}.card{padding:14px}.page-head{margin-bottom:14px}.page-title{font-size:20px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-5{grid-template-columns:repeat(2,minmax(0,1fr))}.report{flex-direction:column}.report-actions,.report-actions .btn{width:100%}.kpi-value{font-size:24px}.kpi-of{font-size:13px}.kpi-note{font-size:12px}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block}.table tr{border-bottom:1px solid var(--line);padding:10px 0}.table tr:last-child{border-bottom:0}.table td{white-space:normal;text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;display:flex}.table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:12px}.table td.actions{justify-content:flex-end}.order-first-mobile{order:-1}.welcome-text{font-size:12.5px}.table td.actions .btn-row{width:100%}.table td.actions .btn-row .btn{flex:1;justify-content:center}.assign-pick{width:100%;margin-left:0}.assign-pick .select-sm{width:100%;max-width:none;padding:9px 10px;font-size:16px}.tchip{width:100%}.tchip .muted{flex:1}.field select{font-size:16px}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wall-grid{grid-template-columns:1fr}.feed-time{display:none}.feed-label{font-size:11px}}@media (width<=360px){.brand-name{display:none}.kpi-grid{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap}.toolbar-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--muted);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.search input{color:var(--text);background:0 0;border:0;outline:none;width:170px;padding:7px 0;font-size:13.5px}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pager-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;font-size:13px}.page-size{align-items:center;gap:6px;display:inline-flex}.kpi-link{color:inherit;text-decoration:none;transition:border-color .15s;display:block}.kpi-link:hover{border-color:var(--accent)}.table tfoot td{border-top:2px solid var(--line);border-bottom:0}