:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f3;--border:#dde1e7;--text:#1a1d23;--text-dim:#667085;--accent:#3b74e0;--accent-dim:#3b74e01f;--danger:#e0393e;--success:#1a9d6c;--warn:#c9790a;--radius:10px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2a2f3a;--text:#e6e8eb;--text-dim:#9aa1ac;--accent:#4f8cff;--accent-dim:#4f8cff29;--danger:#ff5c5c;--success:#35c98f;--warn:#f5a623;--shadow:0 1px 2px #0000004d, 0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2a2f3a;--text:#e6e8eb;--text-dim:#9aa1ac;--accent:#4f8cff;--accent-dim:#4f8cff29;--danger:#ff5c5c;--success:#35c98f;--warn:#f5a623;--shadow:0 1px 2px #0000004d, 0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f3;--border:#dde1e7;--text:#1a1d23;--text-dim:#667085;--accent:#3b74e0;--accent-dim:#3b74e01f;--danger:#e0393e;--success:#1a9d6c;--warn:#c9790a;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;background:var(--accent);color:#fff;border-radius:var(--radius);border:none;padding:8px 14px;font-size:14px}button:disabled{opacity:.6;cursor:default}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}input,select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 10px;font-size:14px}.app-shell{height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:20px;display:flex;overflow:hidden}.sidebar h2{margin:0 0 24px;font-size:18px}.sidebar-brand{align-items:center;gap:10px;margin-bottom:22px;font-size:15px;font-weight:600;display:flex}.sidebar-brand-mark{object-fit:contain;flex:none;width:28px;height:28px}.sidebar nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding-bottom:6px;display:flex;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:16px 10px 4px;font-size:11px}.nav-section:first-child{margin-top:0}.sidebar nav a{color:var(--text-dim);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a svg{opacity:.85;flex:none}.sidebar nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.sidebar nav a.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border);flex:none;margin-top:14px;padding-top:14px}.sidebar-footer p{color:var(--text-dim);margin:0 0 8px;font-size:14px}.sidebar-user{color:inherit;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;margin-left:-6px;padding:6px;text-decoration:none;transition:background .15s;display:flex}.sidebar-user:hover,.sidebar-user.active{background:var(--surface-2)}.sidebar-avatar{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.sidebar-user-meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.sidebar-user-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-user-meta span{color:var(--text-dim);text-transform:capitalize;font-size:11px}.sidebar-footer-actions{flex-direction:column;gap:8px;display:flex}.sidebar-logout{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);gap:2px;margin-bottom:10px;padding:2px;display:flex}.theme-toggle-btn{border-radius:calc(var(--radius) - 3px);background:0 0;border:none;flex:1;padding:5px 0;font-size:14px;line-height:1}.theme-toggle-btn-active{background:var(--surface);box-shadow:var(--shadow)}.content{flex:1;padding:32px;overflow-y:auto}.auth-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;width:320px;padding:32px;display:flex}.auth-card label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-logo{object-fit:contain;align-self:center;width:64px;height:64px}.error{color:var(--danger);margin:0;font-size:14px}.data-table{border-collapse:collapse;width:100%;margin-top:16px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.data-table th{color:var(--text-dim);font-weight:500}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--text)}.rule-active-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;align-items:flex-start;gap:10px;max-width:620px;margin:4px 0 8px;padding:10px 12px;display:flex}.rule-active-toggle input{flex:none;margin-top:2px}.rule-active-toggle>span{flex-direction:column;gap:3px;font-size:13px;display:flex}.truncate-wrap{align-items:flex-start;gap:6px;display:flex}.truncate-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.truncate-full{white-space:normal;overflow-wrap:break-word;word-break:break-word;display:block}.truncate-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:13px;font-weight:600;line-height:1.3}.truncate-toggle:hover{text-decoration:underline}.badge{border-radius:999px;padding:2px 8px;font-size:12px}.badge-active{color:var(--success);background:#35c98f26}.badge-on_break{color:var(--warn);background:#f5a62326}.badge-ended{color:var(--text-dim);background:#9aa1ac26}.performance-badge-low{color:var(--danger);background:#e0393e1f}.row-actions{align-items:center;gap:12px;display:flex}.force-clockout-btn{background:var(--surface-2);border:1px solid var(--danger);color:var(--danger);padding:5px 10px;font-size:12px}.force-clockin-btn{background:var(--surface-2);border:1px solid var(--success);color:var(--success);padding:5px 10px;font-size:12px}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.screenshot-thumb{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);text-align:left;cursor:pointer;width:100%;padding:0;font-size:12px;text-decoration:none;display:block;overflow:hidden}.screenshot-thumb img{width:100%;display:block}.screenshot-thumb>div{justify-content:center;align-items:center;width:100%;min-height:100px;display:flex}.screenshot-thumb span{padding:6px 8px;display:block}.save-confirm{color:var(--success);font-size:13px}.settings-page{max-width:1080px}.settings-shell{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:40px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:16px}.settings-nav a{color:var(--text-dim);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.settings-nav a:hover{background:var(--surface-2);color:var(--text)}.settings-block{margin-bottom:34px;scroll-margin-top:16px}.settings-block>h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0 0 2px;font-size:12px;font-weight:600}.settings-block-desc{color:var(--text-dim);margin:0 0 4px;font-size:13px}.setting-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;padding:16px 0;display:grid}.setting-row-label{color:var(--text);font-size:14px}.setting-row-help{color:var(--text-dim);margin:4px 0 0;font-size:12.5px;line-height:1.5}.setting-row-control{flex-direction:column;gap:8px;display:flex}.setting-row-control input[type=number],.setting-row-control input[type=text],.setting-row-control select{width:100%}.setting-row-control .settings-row{gap:10px}@media (width<=860px){.settings-shell{grid-template-columns:1fr;gap:18px}.settings-nav{flex-flow:wrap;position:static}.setting-row{grid-template-columns:1fr;gap:10px}}.settings-toggle-row{cursor:pointer;align-items:center;font-size:14px;color:var(--text)!important;flex-direction:row!important;gap:8px!important}.settings-toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.settings-save-bar{background:var(--bg);border-top:1px solid var(--border);z-index:2;align-items:center;gap:14px;padding:14px 0;display:flex;position:sticky;bottom:0}.settings-tz-compare{flex-wrap:wrap;gap:12px;display:flex}.settings-tz-compare>div{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:150px;gap:2px;padding:10px 12px;display:flex}.settings-tz-compare strong{color:var(--text);word-break:break-word;font-size:14px}.qr-panel{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.qr-frame{border-radius:var(--radius);border:1px solid var(--border);background:#fff;padding:12px;line-height:0}.qr-steps{max-width:460px;margin:0;padding:0;list-style:none}.qr-steps li{color:var(--text);align-items:baseline;gap:10px;padding:7px 0;font-size:14px;display:flex}.qr-steps li+li{border-top:1px solid var(--border)}.qr-step-num{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.qr-key{letter-spacing:1px;word-break:break-all;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;display:inline-block}.mode-toggle{gap:8px;display:flex}.mode-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);padding:8px 14px}.mode-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.download-callout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 16px;display:flex}.download-callout p{color:var(--text-dim);max-width:480px;margin:0;font-size:13px}.portal-shell{min-height:100vh;position:relative}.portal-shell-controls{z-index:1;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:20px}.portal-logout{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.portal-screen{justify-content:center;min-height:100vh;padding:60px 20px;display:flex}.portal-stack{flex-direction:column;align-items:center;gap:24px;display:flex}.portal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;width:360px;padding:40px;display:flex}.portal-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:480px;max-width:90vw;padding:32px}.portal-card h1{margin:0 0 8px;font-size:20px}.portal-timer{font-variant-numeric:tabular-nums;margin:8px 0;font-size:40px}.portal-status{color:var(--text-dim);margin:0;font-size:14px}.portal-actions{gap:10px;margin-top:8px;display:flex}.portal-btn{background:var(--surface-2);border:1px solid var(--border);padding:12px 20px;font-size:15px}.portal-btn-primary{background:var(--accent);border:none;padding:14px 28px;font-size:16px}.portal-btn-danger{background:var(--danger);border:none}.portal-btn:disabled,.portal-btn-primary:disabled,.portal-btn-danger:disabled{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);opacity:1;cursor:not-allowed}.portal-note{color:var(--text-dim);margin-top:20px;font-size:12px;line-height:1.5}.portal-password-section{width:100%;margin-top:8px}.portal-link-btn{color:var(--accent);background:0 0;border:none;padding:0;font-size:13px}.change-password-form{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.portal-warning{border-radius:var(--radius);background:#f5a6231f;border:1px solid #f5a62366;width:100%;padding:10px 12px}.portal-warning p{color:var(--warn);margin:0;font-size:13px;line-height:1.5}.portal-download-section{border-top:1px solid var(--border);text-align:left;width:100%;margin-top:16px;padding-top:16px}.portal-download-section .portal-link-btn{font-size:14px}.install-instructions h2{margin:0 0 4px;font-size:16px}.install-steps{flex-direction:column;gap:18px;margin:16px 0 0;padding-left:22px;display:flex}.install-steps li{font-size:14px;line-height:1.5}.install-steps li p{margin:0 0 8px}.install-steps li p:last-child{margin-bottom:0}.install-troubleshoot{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.install-troubleshoot summary{cursor:pointer;color:var(--text-dim);font-size:13px}.install-troubleshoot summary:hover{color:var(--text)}.copy-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 44px 10px 12px;position:relative}.copy-block pre{white-space:pre-wrap;word-break:break-all;color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.copy-block-btn{background:var(--surface);border:1px solid var(--border);padding:4px 10px;font-size:12px;position:absolute;top:8px;right:8px}.admin-install-instructions{border-top:1px solid var(--border);max-width:640px;margin-top:32px;padding-top:24px}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-controls{gap:10px;display:flex}.timeline-controls select{min-width:220px}.attendance-summary-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.attendance-summary-item strong{color:var(--text-dim);font-weight:500}.scrubber{margin:16px 0 32px}.scrubber-strip{scroll-behavior:smooth;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:10px;padding:12px;display:flex;overflow-x:auto}.scrubber-thumb{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:4px;flex:none;width:160px;padding:0;position:relative;overflow:hidden}.scrubber-thumb img{width:100%;display:block}.scrubber-thumb-count{color:#fff;background:#0009;border-radius:999px;padding:1px 5px;font-size:10px;position:absolute;top:4px;right:4px}.scrubber-thumb-time{color:var(--text-dim);text-align:left;padding:4px 6px;font-size:11px;display:block}.scrubber-daybar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:32px;margin-top:10px;position:relative}.scrubber-daybar-tick{background:var(--accent);opacity:.6;width:2px;position:absolute;top:6px;bottom:6px;transform:translate(-50%)}.scrubber-daybar-labels{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-size:11px;display:flex}.scrubber-tooltip{background:var(--surface);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:100%;transform:translate(-50%)}.activity-live-banner{border-radius:var(--radius);background:#35c98f1a;border:1px solid #35c98f4d;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.activity-live-banner>span:last-child{overflow-wrap:break-word;word-break:break-word;min-width:0}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:16px 0 24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.stat-card-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.stat-card-success{color:var(--success)}.stat-card-danger{color:var(--danger)}.stat-card-warn{color:var(--warn)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:18px 20px}.bulk-import{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:20px 0;padding:18px 20px}.bulk-import h3{margin:0 0 6px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-header h1{margin:0 0 4px}.page-subtitle{color:var(--text-dim);max-width:60ch;margin:0;font-size:14px}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:9px 14px;font-size:14px}.tab:hover{color:var(--text)}.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.cell-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.usage-bar{background:var(--surface-2);border-radius:999px;width:100%;min-width:80px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:999px;height:100%}.app-title-list{border-left:2px solid var(--border);margin:8px 0 0;padding:0;list-style:none}.app-title-list li{color:var(--text-dim);justify-content:space-between;gap:12px;padding:3px 0 3px 10px;font-size:12px;display:flex}.app-title-list li span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;overflow:hidden}.app-title-time{font-variant-numeric:tabular-nums;flex:none}.schedule-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.schedule-row input[type=time]{font-variant-numeric:tabular-nums;width:160px;min-width:160px}.day-toggle{background:var(--surface-2);border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);border-radius:6px;place-items:center;padding:0;font-size:11px;display:grid}.day-toggle-on{background:var(--accent);border-color:var(--accent);color:#fff}.users-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 12px;display:flex}.users-search{flex:260px;max-width:340px;position:relative}.users-search input{width:100%;padding-left:34px}.users-search svg{pointer-events:none;color:var(--text-dim);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.filter-group{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.filter-group button{background:var(--surface-2);color:var(--text-dim);border:none;border-radius:0;padding:8px 14px;font-size:13px}.filter-group button+button{border-left:1px solid var(--border)}.filter-group button.filter-on{background:var(--accent);color:#fff}.users-result-count{color:var(--text-dim);margin-left:auto;font-size:13px}.bulk-action-bar{background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:12px 16px;display:flex}.bulk-action-count{font-weight:600}.bulk-action-spacer{flex:auto}.bulk-action-divider{background:var(--border);align-self:stretch;width:1px;margin:0 2px}.role-select-cell{min-width:130px}.badge-auto-closed{color:var(--warn);background:#c9790a24}.lightbox-backdrop{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-content{background:var(--surface);border-radius:var(--radius);flex-direction:column;max-width:min(1200px,100%);max-height:100%;display:flex;overflow:hidden}.lightbox-header{color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.lightbox-close{color:var(--text-dim);background:0 0;padding:4px 8px;font-size:16px;line-height:1}.lightbox-image-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.lightbox-image{max-width:100%;max-height:75vh;display:block}.lightbox-loading{color:var(--text-dim);padding:40px}.lightbox-nav{color:#fff;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-prev{left:12px}.lightbox-nav-next{right:12px}.lightbox-dots{justify-content:center;gap:6px;padding:10px;display:flex}.lightbox-dot{background:var(--border);border-radius:50%;width:8px;height:8px;padding:0}.lightbox-dot-active{background:var(--accent)}.chart-card h3{margin:0 0 12px;font-size:15px;font-weight:600}.software-shell{grid-template-columns:260px 1fr;align-items:start;gap:28px;margin-top:16px;display:grid}@media (width<=1000px){.software-shell{grid-template-columns:1fr}}.software-people{flex-direction:column;align-self:start;max-height:calc(100vh - 64px);display:flex;position:sticky;top:0}.software-people input[type=search]{flex:none;width:100%;margin-bottom:10px}.software-people ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.software-people li{margin-bottom:2px}.software-person{text-align:left;width:100%;color:var(--text);border-radius:var(--radius);background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;padding:8px 10px;font-size:14px;display:flex}.software-person:hover{background:var(--surface-2)}.software-person.is-selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.software-person.is-selected .cell-sub{color:var(--accent);opacity:.8}.software-person-name{align-items:center;gap:6px;font-weight:500;display:flex}.software-person-flag{background:var(--danger);color:#fff;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:grid}.software-detail{min-width:0}.software-filters{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0 8px;display:flex}.software-filters input[type=search]{min-width:240px}.software-system-toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.software-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px}.software-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;list-style:none;display:flex}.software-group>summary::-webkit-details-marker{display:none}.software-group>summary:before{content:"";border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);flex:none;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.software-group[open]>summary:before{transform:rotate(45deg)}.software-group>summary:hover{background:var(--surface-2)}.software-group-title{flex:1}.software-group>:not(summary){padding:0 14px 12px}.software-group-flag{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.software-group-count{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:500}.software-table{margin-top:6px}.software-table td{padding:8px 12px}.software-version{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:140px}.week-view{margin-top:12px}.week-table td{vertical-align:middle}.week-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.week-bar-fill{background:var(--accent);border-radius:999px;height:100%}.scrubber-thumb-focus{outline:3px solid var(--danger);outline-offset:1px}.st-console,.st-entry{--st-ink:#17243b;--st-muted:#53647c;--st-line:#dde5ef;--st-blue:#2459d3;color:var(--st-ink);background:#f5f7fb;font:15px/1.5 Inter,system-ui,sans-serif}.st-console *,.st-entry *{box-sizing:border-box}.st-console{height:100dvh;display:flex;overflow:hidden}.st-sidebar{border-right:1px solid var(--st-line);background:#fff;flex-direction:column;flex:0 0 248px;padding:28px 22px;display:flex}.st-wordmark{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}.st-logo{background:var(--st-blue);color:#fff;border-radius:11px;place-items:center;width:34px;height:36px;font-size:23px;display:inline-grid}.st-eyebrow{letter-spacing:1.6px;color:var(--st-muted);margin:34px 0 12px;font-size:11px;font-weight:750}.st-sidebar nav{gap:8px;display:grid}.st-console button,.st-entry button{background:var(--st-blue);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-weight:600;transition:background .15s}.st-console button:hover,.st-entry button:hover{background:#1747b4}.st-console button:disabled,.st-entry button:disabled{opacity:.55;cursor:wait}.st-sidebar nav button,.st-sidebar-bottom button{color:var(--st-muted);text-align:left;background:0 0}.st-sidebar nav button.selected{color:#194bbf;background:#ebf1ff}.st-sidebar-bottom{overflow-wrap:anywhere;gap:14px;margin-top:auto;display:grid}.st-main{flex:1;min-width:0;overflow:auto}.st-topbar{border-bottom:1px solid var(--st-line);height:72px;color:var(--st-muted);background:#fff;justify-content:space-between;align-items:center;padding:0 40px;font-size:13px;display:flex}.st-pill{border:1px solid var(--st-line);border-radius:30px;padding:5px 12px}.st-content{max-width:1400px;margin:auto;padding:36px 40px 60px}.st-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.st-heading .st-eyebrow{margin:0 0 8px}.st-console h1,.st-entry h1{letter-spacing:-1px;color:var(--st-ink);margin:0 0 12px;font-size:32px;line-height:1.2}.st-console p,.st-entry p{color:var(--st-muted);margin:0 0 16px}.st-stats{grid-template-columns:1fr 1fr 1.3fr;gap:18px;margin-bottom:24px;display:grid}.st-stats>div{border:1px solid var(--st-line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.st-stats span,.st-stats small{color:var(--st-muted)}.st-stats strong{font-size:34px;line-height:1.2}.st-stats em{font-size:18px;font-style:normal;font-weight:500}.st-panel{border:1px solid var(--st-line);background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.st-panel h2{color:var(--st-ink);margin:0 0 12px;font-size:18px}.st-list-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.st-list-heading h2{margin:0}.st-console input,.st-entry input{width:100%;min-height:44px;color:var(--st-ink);font:inherit;background:#fff;border:1px solid #bccadc;border-radius:7px;margin-top:6px;padding:10px 12px}.st-console label,.st-entry label{margin-bottom:16px;font-weight:600;display:block}.st-console label small{color:var(--st-muted);margin-top:6px;font-weight:400;display:block}.st-search{width:310px;margin:0!important}.st-form-grid{grid-template-columns:1fr 1fr;gap:6px 24px;display:grid}.st-form-actions{align-items:center;display:flex}.st-company{border-top:1px solid var(--st-line);align-items:flex-start;gap:18px;padding:24px 0;display:flex}.st-company-avatar{color:#3860a1;background:#edf2fb;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.st-company-info{overflow-wrap:anywhere;flex:1;min-width:0}.st-company h3{color:var(--st-ink);margin:0 0 4px;font-size:17px}.st-company p{margin:0 0 7px;font-size:13px}.st-company small{color:var(--st-muted);margin-top:12px;font-size:12px;display:block}.st-company code{white-space:normal;background:#f4f6fa;font-size:12px}.st-console a,.st-entry a{color:#2459bd;font-size:13px}.st-company-actions{justify-items:end;gap:14px;display:grid}.st-status{text-transform:capitalize;color:#48566a;background:#eef1f5;border-radius:30px;padding:4px 12px;font-size:12px}.st-status.active{color:#196443;background:#e7f6ee}.st-status.suspended,.st-status.failed{color:#923d16;background:#fff0e8}.st-console .secondary{color:#45546c;border:1px solid var(--st-line);background:#fff;font-size:13px}.st-error{overflow-wrap:anywhere;background:#fff0ef;border-radius:8px;margin-bottom:18px;padding:12px 16px;color:#9b2923!important}.st-notice{color:#205e3d;background:#eaf5ef;border-radius:8px;margin-bottom:18px;padding:12px 16px}.st-audit-row{border-top:1px solid var(--st-line);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.st-audit-row small{color:var(--st-muted);display:block}.st-audit-row time{color:var(--st-muted);font-size:13px}.st-narrow{max-width:540px}.st-entry{place-items:center;min-height:100dvh;padding:32px;display:grid}.st-entry-card{border:1px solid var(--st-line);background:#fff;border-radius:18px;width:100%;max-width:480px;padding:40px;box-shadow:0 12px 50px #16234008}.st-entry-card form{margin:28px 0}.st-entry-card button{width:100%}.st-entry-card>small{color:var(--st-muted)}.st-empty{padding:30px 0}.st-sr{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.st-console :focus-visible,.st-entry :focus-visible{outline-offset:3px;outline:3px solid #83a9ff}@media (width<=1000px){.st-sidebar{flex-basis:205px;padding:24px 16px}.st-wordmark{font-size:16px}.st-content{padding:28px 24px}.st-topbar{padding:0 24px}.st-stats{grid-template-columns:1fr 1fr}.st-stats>div:last-child{grid-column:1/-1}}@media (width<=700px){.st-console{height:auto;min-height:100dvh;display:block;overflow:visible}.st-sidebar{border-bottom:1px solid var(--st-line);padding:16px}.st-sidebar>.st-eyebrow{display:none}.st-sidebar nav{gap:4px;margin-top:16px;display:flex}.st-sidebar nav button{padding:8px 12px;font-size:13px}.st-sidebar-bottom{position:absolute;top:12px;right:12px}.st-sidebar-bottom small{display:none}.st-topbar{height:54px}.st-content{padding:24px 16px}.st-heading{flex-wrap:wrap;align-items:flex-start}.st-console h1,.st-entry h1{font-size:27px}.st-stats{gap:10px}.st-stats>div{padding:16px}.st-stats strong{font-size:28px}.st-panel{padding:18px}.st-list-heading{display:block}.st-search{width:100%;margin-top:14px!important}.st-company{flex-wrap:wrap;gap:12px}.st-company-avatar{display:none}.st-company-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.st-form-grid{grid-template-columns:1fr}.st-audit-row{flex-direction:column;gap:6px}.st-entry{padding:20px}.st-entry-card{padding:28px}.st-sidebar-bottom button{font-size:12px}}@media (prefers-reduced-motion:reduce){.st-console *,.st-entry *{transition:none!important}}:root,:root[data-theme=light]{--bg:#f5f7fb;--surface:#fff;--surface-2:#f0f4fa;--text:#132944;--text-dim:#64748b;--border:#e2e8f0;--accent:#0059b8;--accent-dim:#e9f2ff;--success:#187854;--warn:#956400;--danger:#c63943;--radius:12px;--shadow:0 2px 8px #12284a05;--staffly-navy:#05264b;--staffly-yellow:#ffc600}:root[data-theme=dark]{--bg:#0e1828;--surface:#152339;--surface-2:#20314b;--text:#edf3fb;--text-dim:#a4b4c9;--border:#2c405b;--accent:#75b6ff;--accent-dim:#203d60;--success:#64d6ab;--warn:#ffd167;--danger:#ff8a92}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e1828;--surface:#152339;--surface-2:#20314b;--text:#edf3fb;--text-dim:#a4b4c9;--border:#2c405b;--accent:#75b6ff;--accent-dim:#203d60;--success:#64d6ab;--warn:#ffd167;--danger:#ff8a92}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.staffly-shell{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.staffly-shell .sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 246px;width:246px;height:100dvh;padding:24px 16px 14px;display:flex;position:relative;overflow:hidden}.sidebar-brand{margin:0!important;padding:0 12px 21px!important}.brand-lockup{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.brand-lockup img{object-fit:contain;background:#fff;border-radius:3px;width:128px;height:38px}.brand-lockup>span{letter-spacing:1px;color:var(--accent);border-left:1px solid var(--border);padding-left:8px;font-size:9px;font-weight:800}.workspace-chip{border:1px solid var(--border);background:var(--bg);border-radius:9px;gap:10px;margin:0 0 15px;padding:12px;display:flex}.workspace-symbol{color:#ffce2e;background:#05264b;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.workspace-chip div{flex-direction:column;min-width:0;display:flex}.workspace-chip strong{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:12px;overflow:hidden}.workspace-chip small{color:var(--text-dim);margin-top:3px;font-size:10px}.nav-search{border:1px solid var(--border);color:var(--text-dim);border-radius:7px;align-items:center;gap:7px;margin:0 0 16px;padding:0 9px;display:flex}.nav-search input{width:100%;min-width:0;font-size:11px;box-shadow:none!important;background:0 0!important;border:0!important;padding:9px 0!important}.nav-search svg{flex-shrink:0;width:15px}.staffly-shell .sidebar nav{scrollbar-width:thin;flex:1;min-height:0;padding-right:2px;overflow:auto}.nav-category{margin-bottom:14px}.staffly-shell .nav-section{color:var(--text-dim);letter-spacing:1.4px;margin:0 0 6px;padding:0 12px;font-size:9px;font-weight:700;display:block}.staffly-shell .sidebar nav a{min-height:38px;color:var(--text-dim);border-radius:7px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-size:12px;font-weight:500;text-decoration:none;display:flex;position:relative}.staffly-shell .sidebar nav a.active{background:var(--accent-dim);color:var(--accent);font-weight:650}.staffly-shell .sidebar nav a.active:before{content:"";background:var(--staffly-yellow);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.staffly-shell .sidebar nav a svg{width:17px;height:17px}.staffly-shell .sidebar-footer{margin-top:8px;padding-top:10px}.staffly-shell .sidebar-user{padding:4px 8px}.sidebar-avatar,.topbar-avatar{background:var(--accent-dim);color:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.staffly-shell .sidebar-logout{margin-top:6px;padding:8px;font-size:11px}.workspace-main{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;overflow:hidden}.workspace-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:68px;padding:0 32px;display:flex}.breadcrumb{color:var(--text-dim);align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text);font-weight:550}.breadcrumb>span{opacity:.4}.topbar-actions{align-items:center;gap:15px;display:flex}.theme-toggle{border:1px solid var(--border);gap:2px;background:var(--bg)!important;padding:3px!important}.theme-toggle-btn{border-radius:5px;place-items:center;width:29px;height:28px;display:grid;box-shadow:none!important;border:0!important;padding:5px!important}.theme-toggle-btn-active{background:var(--surface)!important;color:var(--accent)!important}.staffly-shell .content{scrollbar-width:thin;flex:1;min-width:0;min-height:0;padding:30px 32px 50px;overflow:auto}.content>div{max-width:1600px;margin:auto}.content h1{letter-spacing:-.8px;margin:0 0 8px;font-size:27px;font-weight:700}.content h2{letter-spacing:-.25px;font-size:16px}.content h3{font-size:15px}.page-eyebrow{letter-spacing:1.6px;color:var(--text-dim);margin:0 0 10px;font-size:9px;font-weight:700}.page-header{align-items:center;margin-bottom:26px!important}.page-subtitle{color:var(--text-dim);margin:0;font-size:12px;line-height:1.6}.primary-link{color:#fff;white-space:nowrap;background:#0059b8;border-radius:7px;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.primary-link:hover{color:#fff;background:#034b96}.primary-link svg{width:15px}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.overview-metric{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:18px 20px}.overview-metric>div{color:var(--text-dim);justify-content:space-between;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.overview-metric>strong{letter-spacing:-1px;margin:13px 0 7px;font-size:32px;font-weight:650;line-height:1;display:block}.overview-metric>small{color:var(--text-dim);font-size:10px}.metric-icon{color:#0059b8;background:#edf4ff;border-radius:8px;padding:7px;display:flex}.metric-icon.gold{color:#8f6600;background:#fff5cf}.metric-icon.green{color:#187854;background:#e7f6ef}.metric-icon.purple{color:#7353b7;background:#f0ecff}.overview-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:22px;display:grid}.surface-panel{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.panel-heading h2{margin:0 0 5px}.panel-heading p{color:var(--text-dim);margin:0;font-size:10px}.panel-heading>a{white-space:nowrap;font-size:11px;font-weight:600}.panel-search{padding:0 22px 16px;display:block}.panel-search input{background:var(--bg);width:100%;max-width:280px;height:35px;font-size:11px}.table-scroll{scrollbar-width:thin;max-width:100%;overflow-x:auto}.data-table{background:var(--surface);font-size:12px;margin:0!important}.data-table th{letter-spacing:.35px;color:var(--text-dim);background:var(--bg);white-space:nowrap;font-size:10px;font-weight:600;padding:13px 18px!important}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px!important}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--bg)}.data-table a{font-size:11px}.person-cell{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.person-avatar{color:#234e83;background:#e8effb;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;font-weight:600;display:inline-grid}.person-cell strong{font-size:11px;font-weight:600;display:block}.person-cell small{color:var(--text-dim);margin-top:4px;font-size:9px;display:block}.inline-avatar{vertical-align:middle;margin-right:9px}.connection{color:var(--text-dim);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.connection:before{content:"";background:#94a3b8;border-radius:50%;width:5px;height:5px}.connection.connected:before{background:var(--success)}.badge{white-space:nowrap;border-radius:5px!important;padding:5px 9px!important;font-size:10px!important;font-weight:500!important}.overview-aside{gap:20px;display:grid}.app-summary .panel-heading{padding-bottom:12px}.app-time{align-items:center;gap:10px;padding:10px 20px;font-size:10px;display:flex}.app-letter{color:#0062b8;background:#e9f2ff;border-radius:7px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.app-color-1{color:#6e4eb3;background:#eeeaff}.app-color-2{color:#267e54;background:#e9f6ef}.app-color-3{color:#263747;background:#f2f3f4}.app-time>div{flex:1;min-width:0}.app-time strong{margin-bottom:8px;font-size:10px;font-weight:550;display:block}.mini-progress{background:var(--surface-2);border-radius:4px;height:4px;overflow:hidden}.mini-progress i{background:#0069cc;border-radius:4px;height:100%;display:block}.panel-footer-link{border-top:1px solid var(--border);margin-top:10px;padding:15px 20px;font-size:11px;font-weight:600;display:block}.quick-start{color:#fff;background:#062a50;border-radius:11px;padding:23px;position:relative;overflow:hidden}.quick-start:after{content:"";border:18px solid #ffffff08;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-25px}.quick-start .page-eyebrow{color:#ffcf37;font-size:8px}.quick-start h3{margin:15px 0 8px;font-size:21px;line-height:1.4}.quick-start p:not(.page-eyebrow){color:#beccdf;font-size:11px;line-height:1.7}.quick-start a{color:#ffcf37;font-size:10px;font-weight:600}.review-section{margin-top:23px}.review-section>.panel-heading{padding-top:0;padding-left:0}.review-section .card{border:1px solid var(--border);box-shadow:none;border-radius:10px}.empty-state{text-align:center;color:var(--text-dim);padding:35px 20px}.empty-state>svg{width:28px;height:28px;color:var(--accent);margin:auto}.empty-state p{font-size:12px;line-height:1.6}.muted{color:var(--text-dim);padding:0 20px;font-size:12px}.users-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:end;gap:12px;margin-bottom:16px;padding:16px}.users-search{flex:1;min-width:190px;margin:0!important}.users-search input{min-height:38px;font-size:12px!important}.compact-filter{color:var(--text-dim);flex-direction:column;gap:6px;font-size:10px;display:flex}.compact-filter select{min-width:135px;max-width:180px;min-height:38px;padding:8px 10px;font-size:11px}.users-result-count{font-size:11px}.portal-warning{background:var(--surface);border:1px solid var(--border);border-left:3px solid #edb900;border-radius:8px;padding:14px 18px;font-size:12px}.portal-warning p{margin:3px 0}.cell-sub{line-height:1.6;font-size:10px!important}.stat-cards{gap:15px}.stat-card{box-shadow:none;border:1px solid var(--border);border-radius:10px;padding:20px}.stat-card-label{font-size:11px;line-height:1.5}.stat-card-value{margin-top:10px;font-size:29px}.chart-card{box-shadow:none;border:1px solid var(--border);border-radius:10px}.tab-bar{border-bottom:1px solid var(--border);gap:24px}.tab{border-radius:0!important;font-size:12px!important}.tab-active{border-bottom:2px solid var(--accent)!important}.timeline-header{flex-wrap:wrap;align-items:center;gap:20px}.content input,.content select,.content textarea{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:7px}.content button{border-radius:7px}.demo-banner{color:#695015;background:#fff6d9;border-bottom:1px solid #efe1af;flex-shrink:0;align-items:center;gap:12px;padding:9px 32px;font-size:10px;display:flex}.demo-banner strong{letter-spacing:.3px}.demo-cta{color:var(--accent);font-size:11px;font-weight:600}.st-entry{background:radial-gradient(at 0 0,#eaf3ff,#0000 65%),#f5f7fb}.st-entry-card{border:1px solid #e1e9f4;border-radius:18px;box-shadow:0 18px 65px #0b2b5110}.st-wordmark .brand-lockup img{width:175px;height:auto}.st-wordmark .brand-lockup>span{font-size:11px}.st-entry-card button{background:#0059b8}.entry-demo-link{border-top:1px solid #e2e8f0;margin-top:25px;padding-top:20px;font-weight:600;display:block!important}.st-console .st-sidebar{color:#fff;background:#05264b}.st-console .st-sidebar .brand-lockup img{background:#fff;border-radius:4px;padding:4px}.st-console .st-sidebar .brand-lockup>span{color:#ffd037}.st-console .st-sidebar nav button{color:#b9cbe1}.st-console .st-sidebar nav button.selected{color:#fff;background:#174571}.nav-toggle{display:none}.app-skip{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-60px;left:15px}.app-skip:focus{top:10px}.nav-scrim{display:none}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (height<=820px) and (width>=901px){.staffly-shell .sidebar{padding-top:18px}.sidebar-brand{padding-bottom:14px!important}.workspace-chip{margin-bottom:10px;padding:8px}.nav-search{margin-bottom:10px}.nav-category{margin-bottom:9px}.staffly-shell .sidebar nav a{min-height:33px;padding:7px 12px;font-size:11px}.staffly-shell .nav-section{margin-bottom:4px;font-size:8px}}@media (height>=940px){.staffly-shell .sidebar nav a{min-height:42px}.nav-category{margin-bottom:18px}}@media (width<=1200px){.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-aside{grid-template-columns:1fr 1fr}.staffly-shell .content{padding:24px}.overview-metrics{gap:12px}.overview-metric{padding:16px}.person-cell small{display:none}}@media (width<=900px){.staffly-shell .sidebar{z-index:60;transition:left .18s;position:fixed;top:0;bottom:0;left:-270px}.staffly-shell .sidebar.mobile-open{left:0}.nav-scrim{z-index:59;background:#00152c88;border:0;border-radius:0;display:block;position:fixed;inset:0}.nav-toggle{color:var(--text);background:0 0;border:0;padding:8px;font-size:20px;display:block}.workspace-topbar{height:61px;padding:0 18px}.breadcrumb{margin-right:auto}.demo-banner{padding:9px 20px}.content h1{font-size:24px}.theme-toggle-btn{width:32px;height:32px}.content .data-table{min-width:620px}}@media (width<=600px){.staffly-shell .content{padding:22px 16px}.overview-metrics{grid-template-columns:1fr 1fr;gap:10px}.overview-metric{padding:14px}.overview-metric>div{font-size:10px}.overview-metric>small{font-size:9px}.overview-metric>strong{font-size:27px}.metric-icon{padding:5px}.page-header{flex-wrap:wrap;gap:16px}.overview-aside{grid-template-columns:1fr}.breadcrumb{gap:8px;font-size:10px}.topbar-actions{gap:7px}.topbar-avatar{display:none}.demo-cta{max-width:115px;font-size:10px}.demo-banner{align-items:start;gap:8px;font-size:9px}.demo-banner strong{white-space:nowrap}.panel-heading{padding:18px}.panel-heading p{line-height:1.6}.compact-filter{flex:1}.compact-filter select{width:100%;max-width:100%}.users-search{flex-basis:100%}.table-scroll .data-table{min-width:650px}.primary-link{font-size:11px}.stat-cards{grid-template-columns:1fr 1fr;display:grid}.stat-card{padding:15px}.stat-card-value{font-size:25px}.theme-toggle{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.timeline-section-tabs{border-bottom:1px solid var(--border);gap:8px;margin:24px 0;display:flex;overflow-x:auto}.timeline-section-tabs button{color:var(--text-dim);white-space:nowrap;background:0 0;border:0;min-height:44px;padding:13px 16px;font-size:12px;border-radius:0!important}.timeline-section-tabs button.selected{border-bottom:3px solid var(--accent);color:var(--accent);font-weight:600}.timeline-section-tabs button:hover{background:var(--surface-2)}.sidebar-brand,.brand-lockup{text-decoration:none!important}.theme-toggle-btn{color:var(--text-dim)!important}.nav-category>summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.nav-category>summary:after{content:"+";font-size:12px}.nav-category[open]>summary:after{content:"−"}.nav-category>summary::-webkit-details-marker{display:none}.staffly-shell .nav-category>summary{justify-content:space-between;align-items:center;min-height:22px;display:flex}.staffly-shell .timeline-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.timeline-metrics .stat-card{min-width:0;padding:18px 14px}.timeline-metrics .stat-card-value{font-size:25px}@media (width<=1150px){.staffly-shell .timeline-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=540px){.staffly-shell .timeline-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}