:root{--canvas: #0a0c12;--surface-1: #121620;--surface-2: #1b202c;--surface-3: #252b3a;--surface-4: #323949;--hairline: #222839;--hairline-strong: #353d52;--primary: #6366f1;--primary-hover: #8b90f8;--on-primary: #ffffff;--on-primary-hover: var(--canvas);--primary-focus: rgba(139, 144, 248, .45);--ink: #f7f8fb;--ink-muted: #ced4e0;--ink-subtle: #939cb0;--ink-tertiary: #7f8798;--success: #2fb86d;--warning: #e0a930;--danger: #e2584f;--info: #3f9fe0;--overlay: rgba(4, 6, 11, .62);--status-present: var(--success);--status-late: var(--warning);--status-absent: var(--danger);--status-leave: var(--info);--status-wfh: #a78bfa;--status-holiday: var(--ink-subtle);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .32s}:root:not([data-theme=light]){color-scheme:dark}[data-theme=light]{color-scheme:light;--canvas: #f6f7fa;--surface-1: #ffffff;--surface-2: #eef0f5;--surface-3: #e1e5ee;--surface-4: #ccd2e0;--hairline: #dde1ea;--hairline-strong: #bcc3d2;--primary: #4f46e5;--primary-hover: #4338ca;--on-primary: #ffffff;--on-primary-hover: #ffffff;--primary-focus: rgba(79, 70, 229, .32);--ink: #0d1020;--ink-muted: #414a5e;--ink-subtle: #646d83;--ink-tertiary: #79818f;--success: #1e8f52;--warning: #a3670c;--danger: #c23b32;--info: #1f6fa8;--overlay: rgba(13, 16, 32, .45);--status-wfh: #7c3aed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--motion-base) var(--ease),color var(--motion-base) var(--ease)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--primary);color:var(--on-primary)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-focus);border-radius:var(--radius-xs)}.app-shell{min-height:100vh;background:var(--canvas)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:rise-in var(--motion-slow) var(--ease) both}.rise-in.delay-1{animation-delay:40ms}.rise-in.delay-2{animation-delay:80ms}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--canvas)}.login-aside{position:relative;overflow:hidden;padding:48px 52px;display:flex;flex-direction:column;justify-content:space-between;background:var(--surface-1);border-right:1px solid var(--hairline)}.login-aside:after{content:"";position:absolute;inset:auto -20% -40% -20%;height:60%;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 16%,transparent),transparent);pointer-events:none}.login-aside>*{position:relative;z-index:1}.login-headline{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:0 0 12px;max-width:15ch}.login-sub{color:var(--ink-subtle);font-size:14px;margin:0;max-width:42ch}.login-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;max-width:340px;margin:34px 0 0}.login-cell{aspect-ratio:1;border-radius:3px;background:var(--surface-3)}.login-cell.on{background:color-mix(in srgb,var(--primary) 72%,transparent)}.login-cell.dim{background:color-mix(in srgb,var(--primary) 30%,transparent)}.login-cell.off{background:color-mix(in srgb,var(--danger) 42%,transparent)}.login-aside-foot{display:flex;gap:26px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-tertiary);font-weight:600}.login-main{display:flex;flex-direction:column;justify-content:center;padding:48px 52px;background:var(--canvas)}.login-panel{width:min(100%,380px);margin:0 auto}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-mark{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;flex-shrink:0}.login-brand-name{font-size:.9rem;font-weight:800;letter-spacing:.09em;color:var(--ink);line-height:1.2}.login-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600;margin-top:2px}.login-panel h1{margin:0 0 4px;font-size:1.35rem;letter-spacing:-.01em;font-weight:700;color:var(--ink)}.login-lede{margin:0 0 26px;font-size:13px;color:var(--ink-subtle)}.login-form{display:grid;gap:15px}.login-form label{display:grid;gap:7px}.login-form span{font-size:12px;font-weight:600;color:var(--ink-subtle)}.login-form input{background:var(--surface-1);border:1px solid var(--hairline-strong);color:var(--ink);border-radius:var(--radius-sm);padding:11px 13px;outline:none;transition:border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.login-form input::placeholder{color:var(--ink-tertiary)}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.login-form .primary-button{margin-top:4px}.login-hint{margin-top:22px;font-size:11.5px;color:var(--ink-tertiary)}.login-notice{background:color-mix(in srgb,var(--warning) 12%,transparent);border-left:3px solid var(--warning);color:var(--ink);border-radius:var(--radius-xs);padding:10px 12px;font-size:12.5px;line-height:1.45;margin-bottom:16px}@media (max-width: 900px){.login-screen{grid-template-columns:minmax(0,1fr)}.login-aside{display:none}.login-main{padding:32px 24px}}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:.72rem 1.15rem;border:1px solid transparent;font-size:13px;font-weight:600;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease);white-space:nowrap}.primary-button{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary-hover)}.secondary-button{background:var(--surface-2);color:var(--ink);border-color:var(--hairline)}.secondary-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--hairline-strong)}.ghost-button{background:transparent;color:var(--ink-subtle);border-color:var(--hairline)}.ghost-button:hover:not(:disabled){color:var(--ink);border-color:var(--hairline-strong)}.danger-button{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--hairline))}.danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}button:disabled{opacity:.55;cursor:not-allowed}.secondary-button.small,.ghost-button.small,.danger-button.small,.primary-button.small{padding:.5rem .85rem;font-size:12px}.secondary-button.icon-only{padding:.5rem}.form-error{color:var(--danger);font-size:.85rem;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--hairline));background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:var(--radius-sm);padding:10px 12px}.form-success{color:var(--success);font-size:.85rem;border:1px solid color-mix(in srgb,var(--success) 40%,var(--hairline));background:color-mix(in srgb,var(--success) 10%,transparent);border-radius:var(--radius-sm);padding:10px 12px}.portal-shell{display:flex;height:100vh;overflow:hidden;background:var(--canvas)}.sidebar{width:258px;height:100%;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--hairline);padding:18px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;transition:background var(--motion-base) var(--ease),border-color var(--motion-base) var(--ease)}.brand-block{display:flex;align-items:center;gap:11px;padding:6px 6px 16px;border-bottom:1px solid var(--hairline)}.brand-mark{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.brand-name{font-size:.82rem;letter-spacing:.04em;font-weight:700;color:var(--ink)}.brand-subtitle{font-size:10px;color:var(--ink-subtle);letter-spacing:.06em;margin-top:2px}.nav-list{display:grid;gap:3px}.nav-section-label{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-tertiary);font-weight:700;padding:12px 11px 4px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);padding:10px 11px 10px 14px;color:var(--ink-subtle);font-size:13px;font-weight:500;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.nav-item:before{content:"";position:absolute;left:0;top:50%;width:3px;height:15px;transform:translateY(-50%);border-radius:0 2px 2px 0;background:transparent;transition:background var(--motion-fast) var(--ease),height var(--motion-fast) var(--ease)}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--surface-2);color:var(--ink);font-weight:600}.nav-item.active:before{background:var(--primary);height:20px}.nav-item.active .nav-icon{color:var(--primary)}.nav-icon{display:grid;place-items:center;flex-shrink:0}.sidebar-footer{margin-top:auto;display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--hairline)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;color:var(--ink-subtle)}.theme-toggle-buttons{display:flex;gap:2px;background:var(--surface-3);border-radius:var(--radius-xs);padding:2px}.theme-toggle-buttons button{border:none;background:transparent;color:var(--ink-subtle);padding:5px 7px;border-radius:3px;display:grid;place-items:center;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.theme-toggle-buttons button.active{background:var(--surface-1);color:var(--primary)}.user-chip{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:9px 11px}.user-avatar{width:28px;height:28px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:700;flex-shrink:0}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:13px;color:var(--ink)}.user-chip>div{min-width:0}.user-chip strong,.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip span{color:var(--ink-subtle);font-size:10.5px;letter-spacing:.04em;margin-top:1px}.main-panel{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;border-bottom:1px solid var(--hairline);flex-shrink:0;background:var(--surface-1);position:sticky;top:0;z-index:5}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-kicker{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600}.topbar h2{margin:3px 0 0;font-size:1.35rem;letter-spacing:-.01em;font-weight:700;color:var(--ink)}.topbar-actions{display:flex;gap:8px;align-items:center}.icon-button,.menu-button{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-1);border:1px solid var(--hairline);color:var(--ink-subtle);display:grid;place-items:center;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.menu-button{display:none}.icon-button:hover,.menu-button:hover{background:var(--surface-2);color:var(--ink);border-color:var(--hairline-strong)}.icon-button.danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.content-zone{padding:26px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;flex:1;align-content:start;overflow-y:auto;overflow-x:hidden;min-height:0}.app-footer{flex-shrink:0;padding:16px 26px;text-align:center;font-size:11px;color:var(--ink-tertiary);border-top:1px solid var(--hairline);letter-spacing:.02em}.glass{background:var(--surface-1)}.metric-card.glass{background:var(--surface-2)}.hero-band{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:18px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-1);padding:26px 28px}.hero-copy{max-width:640px;min-width:0}.micro-copy{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-weight:700}.hero-copy h3{margin:10px 0 8px;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.015em;font-weight:700;color:var(--ink)}.hero-copy p{margin:0;color:var(--ink-subtle);max-width:520px;font-size:14px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.panel{position:relative;min-width:0;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:20px 20px 18px;transition:background var(--motion-base) var(--ease),border-color var(--motion-base) var(--ease)}.panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.panel-title-row{display:flex;align-items:center;gap:12px}.panel-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);flex-shrink:0}.panel-header{border-bottom:1px solid var(--hairline);padding-bottom:14px}.panel-kicker{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600}.panel-header h3{margin:4px 0 0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.panel-divider{border:none;border-top:1px solid var(--hairline);margin:20px 0}.panel-subtitle{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:4px}.panel-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.panel-subtitle-row .panel-subtitle{margin-bottom:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:16px 15px 13px;display:grid;gap:8px;transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.metric-card:hover{transform:translateY(-2px);border-color:var(--hairline-strong)}.metric-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.metric-card span{color:var(--ink-subtle);text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;font-weight:600}.metric-card strong{font-size:clamp(1.25rem,1.8vw,1.9rem);letter-spacing:-.02em;line-height:1;color:var(--ink)}.metric-card-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);flex-shrink:0}.metric-card.positive strong{color:var(--success)}.metric-card.positive .metric-card-icon{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.metric-card.warning strong{color:var(--warning)}.metric-card.warning .metric-card-icon{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.metric-card.danger strong{color:var(--danger)}.metric-card.danger .metric-card-icon{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.metric-card.info strong{color:var(--info)}.metric-card.info .metric-card-icon{background:color-mix(in srgb,var(--info) 16%,transparent);color:var(--info)}.metric-card.dark{background:var(--surface-3)}.metric-card.dark .metric-card-icon{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--primary)}.metric-hint{font-size:10.5px;color:var(--ink-tertiary);text-transform:none;letter-spacing:0;font-weight:500}.two-column-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two-column-layout.wide-left{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.stats-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.stats-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline);padding-bottom:10px;color:var(--ink-subtle);font-size:12px;font-weight:500}.stats-list li:last-child{border-bottom:none;padding-bottom:0}.stats-list li strong{color:var(--ink);font-size:1rem;font-weight:700}.stats-list li span{display:flex;align-items:center;gap:7px}.stats-list li span svg{color:var(--ink-tertiary);flex-shrink:0}.inline-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid;gap:12px;margin-bottom:18px}.inline-stats li{flex-direction:column;align-items:flex-start;gap:6px}.inline-stats li span{flex-wrap:wrap;line-height:1.35}.stats-caption{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700;margin-bottom:8px}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--hairline)}.filter-field{display:grid;gap:6px}.filter-field span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600}.filter-field input,.filter-field select{background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-sm);padding:9px 11px;outline:none;min-width:150px;transition:border-color var(--motion-fast) var(--ease)}.filter-field input:focus,.filter-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.filter-spacer{margin-left:auto}.chip-button{background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink-muted);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.chip-button:hover{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink)}.chip-button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tab-row{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.table-shell{overflow:auto;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-1)}.table-shell table{width:100%;border-collapse:collapse;font-size:13px}.table-shell th,.table-shell td{padding:11px 14px;border-bottom:1px solid var(--hairline);text-align:left}.table-shell th{color:var(--ink-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600;background:var(--surface-2);position:sticky;top:0;z-index:1}.table-shell tbody tr{transition:background var(--motion-fast) var(--ease)}.table-shell tbody tr:hover{background:var(--surface-2)}.table-shell tbody tr:last-child td{border-bottom:none}.row-clickable{cursor:pointer}.table-shell .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:var(--ink-subtle)}.table-shell .num{text-align:right;font-variant-numeric:tabular-nums}.empty-cell{text-align:center;color:var(--ink-subtle);padding:30px 14px}.state-box{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:20px 16px;color:var(--ink-subtle)}.state-box.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--hairline));color:var(--danger)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.pager-info{font-size:12px;color:var(--ink-subtle)}.pager-controls{display:flex;gap:6px;align-items:center}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.badge-neutral{background:var(--surface-3);color:var(--ink-muted)}.badge-success,.badge-present{background:color-mix(in srgb,var(--status-present) 16%,transparent);color:var(--status-present)}.badge-warning,.badge-late{background:color-mix(in srgb,var(--status-late) 18%,transparent);color:var(--status-late)}.badge-danger,.badge-absent{background:color-mix(in srgb,var(--status-absent) 16%,transparent);color:var(--status-absent)}.badge-leave{background:color-mix(in srgb,var(--status-leave) 16%,transparent);color:var(--status-leave)}.badge-wfh{background:color-mix(in srgb,var(--status-wfh) 18%,transparent);color:var(--status-wfh)}.badge-holiday{background:var(--surface-3);color:var(--ink-subtle)}.badge-role{background:var(--surface-3);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.badge-role.role-root{background:var(--primary);color:var(--on-primary)}.settings-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.setting-box{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:16px 15px;display:grid;gap:7px}.setting-box span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-subtle);font-weight:600}.setting-box strong{font-size:.95rem;color:var(--ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field{display:grid;gap:6px}.form-field.span-2{grid-column:span 2}.form-field label{font-size:12px;font-weight:600;color:var(--ink-subtle)}.form-field input,.form-field select,.form-field textarea{background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-sm);padding:10px 12px;outline:none;width:100%;transition:border-color var(--motion-fast) var(--ease)}.form-field textarea{resize:vertical;min-height:90px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.form-field-hint{font-size:11px;color:var(--ink-tertiary)}.form-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;align-items:center}.form-note{font-size:12.5px;color:var(--ink-subtle);margin-bottom:14px}.checkbox-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer}.checkbox-row input{width:auto}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{position:relative;width:40px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border:1px solid var(--hairline);border-radius:var(--radius-pill);transition:background var(--motion-fast) var(--ease);cursor:pointer}.switch-track:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:var(--ink);border-radius:50%;transition:transform var(--motion-fast) var(--ease)}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:before{transform:translate(18px);background:var(--on-primary)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:overlay-in var(--motion-fast) var(--ease) both}.modal-overlay.is-busy{cursor:progress}.modal-box{background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);width:min(100%,560px);max-height:88vh;overflow-y:auto;padding:24px;box-shadow:0 20px 60px #04060b59;animation:modal-in var(--motion-base) var(--ease) both}.modal-box.wide{width:min(100%,820px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--ink)}.modal-close{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink-subtle);display:grid;place-items:center}.modal-close:hover{color:var(--ink)}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-box[aria-busy=true] fieldset[disabled]{opacity:.55}.panel-progress{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);pointer-events:none}.panel-progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:panel-progress-slide 1.1s ease-in-out infinite;will-change:transform}@keyframes panel-progress-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-spinner{width:11px;height:11px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.65;animation:btn-spin .6s linear infinite;will-change:transform}.spin{animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.panel-progress:before{animation-duration:3s}.btn-spinner{animation-duration:2s}}.chart-wrap{overflow-x:auto}.chart-legend{display:flex;gap:16px;margin-top:10px;font-size:11px;color:var(--ink-subtle);flex-wrap:wrap}.chart-legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}@media (max-width: 1100px){.form-grid,.form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-layout.wide-left{grid-template-columns:minmax(0,1fr)}}@media (max-width: 860px){.portal-shell{flex-direction:column;height:100vh;overflow:hidden}.sidebar{width:100%;height:auto;max-height:70vh;border-right:none;border-bottom:1px solid var(--hairline);display:none}.sidebar.open{display:flex}.main-panel{flex:1;min-height:0}.two-column-layout,.settings-stack{grid-template-columns:1fr}.menu-button{display:grid}}@media (max-width: 640px){.topbar,.content-zone{padding-left:16px;padding-right:16px}.panel{padding:16px 14px 14px}.panel-header{align-items:flex-start;flex-direction:column}.topbar{flex-wrap:wrap}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.form-field.span-2{grid-column:span 1}.hero-band{flex-direction:column;align-items:stretch;padding:20px}.hero-actions,.hero-actions .secondary-button,.hero-actions .primary-button{width:100%}.filter-bar{gap:10px}.filter-field{flex:0 1 calc(50% - 5px);min-width:0;max-width:calc(50% - 5px)}.filter-field input,.filter-field select{min-width:0;width:100%}.inline-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.notif-wrap{position:relative}.notif-dot{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:9.5px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--surface-1)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(360px,calc(100vw - 32px));background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000047;overflow:hidden}[data-theme=light] .notif-panel{box-shadow:0 16px 40px #0d102029}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hairline);font-size:13px;color:var(--ink)}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{padding:26px 16px;text-align:center;color:var(--ink-subtle);font-size:12.5px;line-height:1.5}.notif-item{display:block;width:100%;text-align:left;padding:11px 14px;border:none;border-bottom:1px solid var(--hairline);background:transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease)}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{border-left:3px solid var(--primary);padding-left:11px}.notif-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.notif-title{font-size:12.5px;font-weight:600;color:var(--ink)}.notif-item.unread .notif-title{font-weight:700}.notif-time{font-size:10.5px;color:var(--ink-tertiary);flex:none}.notif-body{display:block;margin-top:3px;font-size:11.5px;color:var(--ink-subtle);line-height:1.45}.gsearch{position:relative;display:flex;align-items:center;min-width:0}.gsearch-icon{position:absolute;left:10px;color:var(--ink-tertiary);pointer-events:none}.gsearch input{width:min(280px,34vw);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-sm);padding:8px 28px 8px 30px;font-size:12.5px;outline:none;transition:border-color var(--motion-fast) var(--ease),width var(--motion-base) var(--ease)}.gsearch input::placeholder{color:var(--ink-tertiary)}.gsearch input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}.gsearch-clear{position:absolute;right:7px;width:18px;height:18px;border:none;border-radius:50%;background:var(--surface-4);color:var(--ink-subtle);display:grid;place-items:center}.gsearch-clear:hover{color:var(--ink)}.gsearch-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:min(380px,80vw);background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000047;max-height:340px;overflow-y:auto}[data-theme=light] .gsearch-panel{box-shadow:0 16px 40px #0d102029}.gsearch-empty{padding:18px 14px;font-size:12.5px;color:var(--ink-subtle);text-align:center}.gsearch-item{display:block;width:100%;text-align:left;padding:9px 13px;border:none;border-bottom:1px solid var(--hairline);background:transparent;cursor:pointer}.gsearch-item:hover{background:var(--surface-2)}.gsearch-item:last-child{border-bottom:none}.gsearch-type{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary);margin-bottom:2px}.gsearch-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}.gsearch-sub{display:block;font-size:11px;color:var(--ink-subtle);margin-top:1px}@media (max-width: 860px){.gsearch input{width:150px}}@media (max-width: 640px){.gsearch{display:none}}.dash-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:26px;align-items:center;background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px 26px}.dash-hero-figure{min-width:0}.dash-hero-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-subtle);font-weight:700}.dash-hero-value{display:flex;align-items:baseline;gap:10px;margin:8px 0 4px}.dash-hero-value strong{font-size:clamp(2.2rem,5vw,3.1rem);line-height:1;letter-spacing:-.03em;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.dash-hero-of{font-size:1rem;color:var(--ink-subtle);font-weight:600}.dash-hero-note{font-size:12.5px;color:var(--ink-subtle);margin:0}.dash-split{display:flex;height:8px;border-radius:var(--radius-pill);overflow:hidden;margin:14px 0 10px;background:var(--surface-3)}.dash-split>span{display:block;height:100%}.dash-split-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--ink-subtle)}.dash-strip{min-width:0}.dash-strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14px,1fr));gap:4px}.dash-cell{aspect-ratio:1;border-radius:3px;background:var(--surface-3);position:relative}.dash-cell.full{background:var(--status-present)}.dash-cell.most{background:color-mix(in srgb,var(--status-present) 62%,var(--surface-3))}.dash-cell.some{background:color-mix(in srgb,var(--status-late) 70%,var(--surface-3))}.dash-cell.none{background:color-mix(in srgb,var(--status-absent) 62%,var(--surface-3))}.dash-cell.off{background:var(--surface-4)}.dash-cell.today{box-shadow:0 0 0 2px var(--primary)}.dash-scale{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ink-tertiary);margin-top:10px}.dash-scale i{width:11px;height:11px;border-radius:2px;display:inline-block}@media (max-width: 900px){.dash-hero{grid-template-columns:minmax(0,1fr);gap:20px}}.usermenu{position:relative}.usermenu-trigger{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--ink);transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease);max-width:220px}.usermenu-trigger:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.usermenu-avatar{width:28px;height:28px;flex:none;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:.02em}.usermenu-id{display:grid;text-align:left;min-width:0}.usermenu-id strong{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-id span{font-size:10px;color:var(--ink-subtle);letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu-caret{color:var(--ink-tertiary);flex:none}.usermenu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:250px;background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);box-shadow:0 16px 40px #00000047;padding:6px;display:grid;gap:2px}[data-theme=light] .usermenu-panel{box-shadow:0 16px 40px #0d102029}.usermenu-head{display:grid;gap:2px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--hairline)}.usermenu-head strong{font-size:13px;color:var(--ink)}.usermenu-head span{font-size:11px;color:var(--ink-subtle);overflow:hidden;text-overflow:ellipsis}.usermenu-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--ink);font-size:12.5px;transition:background var(--motion-fast) var(--ease)}.usermenu-item:hover{background:var(--surface-2)}.usermenu-item svg{color:var(--ink-subtle);flex:none}.usermenu-item.danger{color:var(--danger)}.usermenu-item.danger svg{color:var(--danger)}.usermenu-item.danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.usermenu-theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;margin:4px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);font-size:12px;color:var(--ink-subtle)}@media (max-width: 780px){.usermenu-id,.usermenu-caret{display:none}.usermenu-trigger{padding:4px;border-color:transparent}}.company-switcher{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border, #E2E8F0);border-radius:8px;background:var(--surface, #fff);font-size:13px;color:var(--text, #0F172A)}.company-switcher select{border:0;background:transparent;font:inherit;color:inherit;outline:none;cursor:pointer;max-width:190px}.company-switcher select:disabled{opacity:.6;cursor:progress}.company-picker{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--app-bg, #F8FAFC)}.company-picker-card{width:100%;max-width:460px;padding:32px;background:var(--surface, #fff);border:1px solid var(--border, #E2E8F0);border-radius:14px}.company-picker-card h1{margin:16px 0 8px;font-size:22px;font-weight:700}.company-picker-card p{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--text-muted, #64748B)}.company-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.company-list button{width:100%;display:flex;align-items:baseline;gap:10px;text-align:left;padding:12px 14px;border:1px solid var(--border, #E2E8F0);border-radius:10px;background:var(--surface, #fff);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.company-list button:hover:not(:disabled){border-color:var(--primary, #1D6AFF);background:#1d6aff0a}.company-list button:disabled{opacity:.6;cursor:progress}.company-name{font-weight:600;font-size:14px}.company-tenant{font-size:12px;color:var(--text-muted, #64748B);margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.company-switcher-wrap{position:relative;display:inline-flex;flex-direction:column}.company-switcher-error{position:absolute;top:100%;right:0;margin-top:6px;z-index:20;max-width:280px;padding:8px 10px;border-radius:8px;background:#fef2f2;border:1px solid #FECACA;color:#991b1b;font-size:12px;line-height:1.45}.company-suspended{color:#b45309}