body{position:relative;transition:background-color var(--motion-standard) ease,color var(--motion-standard) ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(720px 480px at 8% -6%,rgb(11 99 206 / 7%),transparent 60%),radial-gradient(680px 460px at 96% 8%,rgb(22 120 74 / 6%),transparent 60%);transition:opacity var(--motion-standard) ease}.panel,.metric,.card,.stat-card{border-radius:18px!important;transition:box-shadow var(--motion-standard) ease,transform var(--motion-standard) ease,background-color var(--motion-standard) ease,border-color var(--motion-standard) ease}.metric,.stat-card,.dash-card-link,.kanban-card{will-change:transform}.dash-card-link:hover .metric,.stat-card:hover,.kanban-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0d23401a}.metric,.stat-card{position:relative;overflow:hidden;padding-top:22px}.metric[data-tone=success],.stat-card[data-tone=success]{--tone-solid: var(--color-success)}.metric[data-tone=warning],.stat-card[data-tone=warning]{--tone-solid: var(--color-warning)}.metric[data-tone=danger],.stat-card[data-tone=danger]{--tone-solid: var(--color-danger)}.metric[data-tone=brand],.stat-card[data-tone=brand]{--tone-solid: var(--color-brand-600)}.metric:before,.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--tone-solid, var(--color-brand-600)),transparent 160%)}.metric:after,.stat-card:after{content:"";position:absolute;top:-46px;right:-46px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--tone-solid, var(--color-brand-600)),transparent 72%);opacity:.07;pointer-events:none}.metric strong,.stat-card strong{font-size:32px;letter-spacing:-.02em;font-weight:800}.metric-top{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--color-muted)}.metric-icon{width:42px;height:42px;border-radius:13px;font-size:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 20%,var(--color-surface)),color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 9%,var(--color-surface)));box-shadow:0 6px 14px color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 28%,transparent),inset 0 1px #ffffff73;color:var(--tone-solid, var(--color-brand-600))}.dash-card-link:hover .metric,.stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 20%,transparent);border-color:color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 38%,var(--color-border))}:root[data-theme=dark] .metric-icon{box-shadow:0 6px 14px color-mix(in srgb,var(--tone-solid, var(--color-brand-600)) 34%,transparent),inset 0 1px #ffffff14}:root[data-theme=dark] .metric:after,:root[data-theme=dark] .stat-card:after{opacity:.12}.status-pill,.badge,.status-badge{transition:background-color var(--motion-standard) ease,color var(--motion-standard) ease}.animate-in{animation:dash-fade-up .42s ease both}@keyframes dash-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{position:relative}.pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid currentColor;opacity:.55;animation:dash-pulse 1.8s ease-out infinite}@keyframes dash-pulse{0%{transform:scale(.8);opacity:.55}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.animate-in,.pulse-dot:after{animation:none}.dash-card-link:hover .metric,.stat-card:hover,.kanban-card:hover{transform:none}}:root[data-theme=dark]{--color-ink: #e6edf5;--color-muted: #93a4bd;--color-canvas: #0b1220;--color-surface: #111b2e;--color-border: #253449;--color-brand-600: #3b82f6;--shadow-surface: 0 4px 18px rgb(0 0 0 / 35%)}:root[data-theme=dark] body{background:var(--color-canvas);color:var(--color-ink)}:root[data-theme=dark] body:before{background:radial-gradient(720px 480px at 8% -6%,rgb(59 130 246 / 10%),transparent 60%),radial-gradient(680px 460px at 96% 8%,rgb(34 197 94 / 8%),transparent 60%)}:root[data-theme=dark] .topbar{background:#0f1729;border-bottom-color:#1c2a41}:root[data-theme=dark] .search{background:#101c30;border-color:#263752;color:var(--color-muted)}:root[data-theme=dark] .icon-button[data-tone=brand]{background:#3b82f629;color:#7db4f5}:root[data-theme=dark] .icon-button[data-tone=purple],:root[data-theme=dark] .notif-bell[data-tone=purple]{background:#a78bfa29;color:#c4b5fd}:root[data-theme=dark] .icon-button[data-tone=slate]{background:#94a3b824;color:#c3ccd9}:root[data-theme=dark] .notif-bell[data-tone=amber]{background:#f5a62329}:root[data-theme=dark] .notif-panel{background:#111b2e;border-color:#26374f}:root[data-theme=dark] .notif-head{border-bottom-color:#22304a}:root[data-theme=dark] .notif-item{background:#111b2e;border-bottom-color:#1c2a41}:root[data-theme=dark] .notif-item:hover{background:#16233a}:root[data-theme=dark] .notif-item strong{color:var(--color-ink)}:root[data-theme=dark] .notif-item span,:root[data-theme=dark] .notif-empty{color:var(--color-muted)}:root[data-theme=dark] .page-head p{color:var(--color-muted)}:root[data-theme=dark] .metric,:root[data-theme=dark] .panel,:root[data-theme=dark] .card,:root[data-theme=dark] .stat-card{background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-color:var(--color-border);box-shadow:var(--shadow-surface);backdrop-filter:blur(14px)}:root[data-theme=dark] .metric span,:root[data-theme=dark] .metric small,:root[data-theme=dark] .metric-top,:root[data-theme=dark] .stat-card span,:root[data-theme=dark] .stat-card small{color:var(--color-muted)}:root[data-theme=dark] .stat-card strong{color:var(--color-ink)}:root[data-theme=dark] .panel-head{border-bottom-color:#22304a}:root[data-theme=dark] .panel-head p{color:var(--color-muted)}:root[data-theme=dark] th{color:var(--color-muted);background:#0f1a2c}:root[data-theme=dark] th,:root[data-theme=dark] td{border-bottom-color:#1c2a41}:root[data-theme=dark] .badge{background:#22c55e26;color:#4ade80}:root[data-theme=dark] .empty{color:var(--color-muted)}:root[data-theme=dark] .empty strong{color:var(--color-ink)}:root[data-theme=dark] .stat-card{box-shadow:0 6px 20px #00000059}:root[data-theme=dark] .segmented{background:#16233a}:root[data-theme=dark] .segmented .active{background:#24344f;box-shadow:0 2px 8px #00000059}:root[data-theme=dark] .status-pill{background:#1b2740;color:var(--color-ink)}:root[data-theme=dark] .status-pill.approved,:root[data-theme=dark] .status-pill.active,:root[data-theme=dark] .status-pill.completed,:root[data-theme=dark] .status-pill.paid{background:#22c55e2e;color:#4ade80}:root[data-theme=dark] .status-pill.pending,:root[data-theme=dark] .status-pill.submitted,:root[data-theme=dark] .status-pill.draft{background:#f5a6232e;color:#fcd34d}:root[data-theme=dark] .status-pill.rejected,:root[data-theme=dark] .status-pill.closed,:root[data-theme=dark] .status-pill.suspended{background:#ef44442e;color:#f87171}:root[data-theme=dark] .status-pill.probation{background:#f5a6232e;color:#fcd34d}:root[data-theme=dark] .status-pill.separated{background:#24344f;color:#94a3b8}:root[data-theme=dark] .drawer{background:#111b2e}:root[data-theme=dark] .secondary{border-color:var(--color-border);background:#16233a;color:var(--color-ink)}:root[data-theme=dark] .input{background:#0f1a2c;color:var(--color-ink);border-color:#2a3b57}:root[data-theme=dark] .label{color:#c3ccd9}:root[data-theme=dark] .org-positions li{background:#16233a}:root[data-theme=dark] .kanban-col{background:#111b2e;border-color:var(--color-border)}:root[data-theme=dark] .kanban-col.over{background:#3b82f624;border-color:#3b82f6}:root[data-theme=dark] .kanban-count{background:#243349;color:#c3ccd9}:root[data-theme=dark] .kanban-card{background:#16233a;border-color:var(--color-border);box-shadow:0 2px 8px #00000059}:root[data-theme=dark] .kanban-card strong{color:var(--color-ink)}:root[data-theme=dark] .kanban-card small{color:var(--color-muted)}:root[data-theme=dark] .kanban-empty{color:#5c7093}:root[data-theme=dark] .back-link{color:var(--color-muted)}:root[data-theme=dark] .back-link:hover{color:#7db4f5}:root[data-theme=dark] .table-toolbar{border-bottom-color:#22304a}