:root{color-scheme:light;--font-ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #fafafa;--surface: #ffffff;--surface-2: #f4f4f5;--border: #e4e4e7;--border-2: #d4d4d8;--ink: #09090b;--ink-2: #52525b;--ink-3: #71717a;--brand: #18181b;--brand-ink: #18181b;--brand-soft: #f4f4f5;--brand-fill: #18181b;--brand-fill-ink: #fafafa;--brand-edge: #18181b;--blue: #2f7cad;--teal: #00897a;--good: #15803d;--good-soft: #f0fdf4;--warn: #b45309;--warn-soft: #fffbeb;--crit: #b91c1c;--crit-soft: #fef2f2;--info: #1d4ed8;--info-soft: #eff6ff;--neutral: #71717a;--neutral-soft: #f4f4f5;--c1: #c96a15;--c2: #2f7cad;--c3: #00897a;--c4: #d23f28;--c5: #7a52a8;--grid: #f0f0f1;--chart-surface: #ffffff;--hover: rgba(9, 9, 11, .04);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 12px 32px -8px rgba(0, 0, 0, .16);--scrim: rgba(0, 0, 0, .4);--ring: 0 0 0 3px rgba(9, 9, 11, .1);--btn-sheen: rgba(255, 255, 255, .1);--radius: 10px;--r-sm: 7px;--r-xs: 5px;--mark-tile: #09090b;--mark-edge: transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #09090b;--surface: #111113;--surface-2: #18181b;--border: #27272a;--border-2: #3f3f46;--ink: #fafafa;--ink-2: #a1a1aa;--ink-3: #82828c;--brand: #fafafa;--brand-ink: #fafafa;--brand-soft: #27272a;--brand-fill: #fafafa;--brand-fill-ink: #09090b;--brand-edge: #fafafa;--blue: #3a90c8;--teal: #12938a;--good: #4ade80;--good-soft: #0f2417;--warn: #fbbf24;--warn-soft: #2a1f08;--crit: #f87171;--crit-soft: #2d1212;--info: #60a5fa;--info-soft: #0f1b33;--neutral: #a1a1aa;--neutral-soft: #1f1f23;--c1: #c07524;--c2: #3a90c8;--c3: #12938a;--c4: #db4f36;--c5: #9068c0;--grid: #1f1f23;--chart-surface: #111113;--hover: rgba(250, 250, 250, .05);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 16px 40px -8px rgba(0, 0, 0, .7);--scrim: rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(250, 250, 250, .14);--btn-sheen: rgba(255, 255, 255, 0);--mark-tile: #18181b;--mark-edge: rgba(250, 250, 250, .12)}}:root[data-theme=dark]{color-scheme:dark;--bg: #09090b;--surface: #111113;--surface-2: #18181b;--border: #27272a;--border-2: #3f3f46;--ink: #fafafa;--ink-2: #a1a1aa;--ink-3: #82828c;--brand: #fafafa;--brand-ink: #fafafa;--brand-soft: #27272a;--brand-fill: #fafafa;--brand-fill-ink: #09090b;--brand-edge: #fafafa;--blue: #3a90c8;--teal: #12938a;--good: #4ade80;--good-soft: #0f2417;--warn: #fbbf24;--warn-soft: #2a1f08;--crit: #f87171;--crit-soft: #2d1212;--info: #60a5fa;--info-soft: #0f1b33;--neutral: #a1a1aa;--neutral-soft: #1f1f23;--c1: #c07524;--c2: #3a90c8;--c3: #12938a;--c4: #db4f36;--c5: #9068c0;--grid: #1f1f23;--chart-surface: #111113;--hover: rgba(250, 250, 250, .05);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 16px 40px -8px rgba(0, 0, 0, .7);--scrim: rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(250, 250, 250, .14);--btn-sheen: rgba(255, 255, 255, 0);--mark-tile: #18181b;--mark-edge: rgba(250, 250, 250, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb,var(--info) 22%,transparent)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand-mark{flex:none;display:block}.brand .wm{font-weight:600;font-size:15px;letter-spacing:-.015em;line-height:1;white-space:nowrap}.brand .wm-tag{color:var(--ink-3);font-weight:400;margin-left:5px}.app{display:grid;grid-template-columns:236px 1fr;min-height:100dvh}.side{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.nav{padding:2px 10px 20px;display:flex;flex-direction:column;gap:1px;outline:0}.nav .grp{font-size:11.5px;font-weight:500;color:var(--ink-3);padding:16px 10px 5px}.nav a{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:500;font-size:13.5px;line-height:1.45;transition:background-color .15s,color .15s,box-shadow .15s}.nav a svg{width:16px;height:16px;flex:none;color:var(--ink-3);transition:color .15s}.nav a:hover{background:var(--hover);color:var(--ink)}.nav a:hover svg{color:var(--ink-2)}.nav a.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border),var(--shadow-xs)}.nav a.on svg{color:var(--brand)}.nav a .cnt{margin-left:auto;font-size:11px;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.side-foot{margin-top:auto;padding:12px 20px 18px;font-size:11.5px;color:var(--ink-3)}.main{min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}.top-spacer{flex:1}.cmd-trigger{display:inline-flex;align-items:center;gap:9px;width:min(320px,100%);height:34px;padding:0 8px 0 11px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--ink-3);font-size:13px;text-align:left;box-shadow:var(--shadow-xs);transition:border-color .15s,color .15s}.cmd-trigger:hover{border-color:var(--border-2);color:var(--ink-2)}.cmd-trigger .cmd-label{flex:1}kbd,.kbd{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0 5px;line-height:17px;white-space:nowrap}.search{margin-left:auto;position:relative}.search input{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:7px 12px 7px 32px;width:230px;color:var(--ink);font-size:13px}.search input::placeholder{color:var(--ink-3)}.search svg{position:absolute;left:10px;top:9px;width:15px;height:15px;color:var(--ink-3)}.pill-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:7px 12px;color:var(--ink-2);font-size:13px;font-weight:500;box-shadow:var(--shadow-xs);transition:background-color .15s,color .15s,border-color .15s}.pill-btn:hover{background:var(--surface-2);color:var(--ink)}.health{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 11px}.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}.icon-btn{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-2);transition:background-color .15s,color .15s,border-color .15s}.icon-btn:hover{color:var(--ink);background:var(--hover)}.user{position:relative}.ava{width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:600;font-size:11.5px;letter-spacing:.02em;flex:none}.user .rn{font-size:13px;font-weight:500;line-height:1.2;display:flex;align-items:center;gap:6px}.user .rr{font-size:11.5px;color:var(--ink-3);line-height:1.3}.role-chip{text-transform:capitalize;font-size:11px;font-weight:500;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);padding:0 6px;border-radius:var(--r-xs);line-height:17px}.user-trigger{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:9px;padding:3px 8px 3px 3px;color:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}.user-trigger:hover{background:var(--hover)}.user-trigger.open{background:var(--surface);border-color:var(--border)}.user-meta{text-align:left}.user-caret{color:var(--ink-3);transition:transform .15s ease}.user-trigger.open .user-caret{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:232px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:5px;z-index:50;animation:pop-in .14s ease-out;transform-origin:top right}.user-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}.user-menu-head .rn{font-size:13px;font-weight:600;line-height:1.25}.user-menu-head .rr{font-size:12px;color:var(--ink-3);margin-top:2px;overflow-wrap:anywhere}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--ink-2);text-align:left;cursor:pointer}.user-menu-item:hover{background:var(--hover);color:var(--ink)}.user-menu-item.danger{color:var(--crit)}.user-menu-item.danger:hover{background:var(--crit-soft)}.user-menu-item svg{flex-shrink:0}.user-menu-item .kbd{margin-left:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.wrap{padding:26px 32px 56px;display:flex;flex-direction:column;gap:20px;max-width:1440px;width:100%;margin-inline:auto}.wrap>*{animation:rise .32s cubic-bezier(.2,.7,.2,1) both}.wrap>:nth-child(2){animation-delay:.03s}.wrap>:nth-child(3){animation-delay:.06s}.wrap>:nth-child(4){animation-delay:.09s}.wrap>:nth-child(n+5){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.028em;line-height:1.15}.page-head .sub{color:var(--ink-3);font-size:13px;margin-top:5px}.kpis{display:grid;grid-template-columns:repeat(6,1fr)}.kpis-4{display:grid;grid-template-columns:repeat(4,1fr)}.kpis-5{grid-template-columns:repeat(5,1fr)}.kpis,.kpis-4,.metric-grid:has(>.kpi){gap:1px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.kpi{padding:16px 18px 15px;display:flex;flex-direction:column;gap:8px;min-width:0;container-type:inline-size;box-shadow:0 0 0 1px var(--border)}.kpi .lab{font-size:12.5px;color:var(--ink-2);font-weight:500}.kpi .ch-sub{color:var(--ink-3);font-size:12px;line-height:1.4}.kpi .val{font-size:clamp(17px,9.5cqi,27px);font-weight:600;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .val small{font-size:.52em;font-weight:500;color:var(--ink-3);margin-right:4px;letter-spacing:0}.kpi .row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}.kpi .foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:auto}.kpi .foot .delta{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delta{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.delta.up{color:var(--good)}.delta.down{color:var(--crit)}.delta.warnd{color:var(--warn)}.spark{width:72px;height:26px;flex:0 1 72px;min-width:40px}.grid2{display:grid;grid-template-columns:1.9fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.breakdown-row{margin-bottom:20px}.section-note{color:var(--ink-3);font-size:12.5px;margin:0 0 8px}.lock-note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;margin-bottom:14px}.lock-note svg{color:var(--ink-3);flex:none}.row-voided{opacity:.6}.row-voided td:not(:last-child){text-decoration:line-through;text-decoration-color:var(--ink-3)}.form-warn{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);padding:9px 12px;font-size:12.5px;font-weight:500;line-height:1.5}.pill-btn.on{border-color:var(--ink-3);color:var(--ink);background:var(--surface-2)}.pill-btn:disabled{opacity:.55}.breakdown{padding:14px 16px}.breakdown h3{margin:0 0 4px;font-size:13px}.breakdown .kv{padding:7px 0;font-size:13px}.breakdown .kv:last-of-type{padding-bottom:0}.breakdown .kv .v{display:flex;align-items:baseline;gap:6px;justify-content:flex-end}.kv-note{color:var(--ink-3);font-weight:400;font-size:12px}.breakdown .bars{gap:9px}.breakdown .bar-row{grid-template-columns:88px 1fr auto;gap:9px}.breakdown .bar-row .bl,.breakdown .bar-row .bv{font-size:12.5px}.breakdown .bar-row .bv{min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;min-width:0}.card h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.012em}.card .ch-sub{color:var(--ink-3);font-size:12.5px;margin-top:2px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend .li{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);font-weight:500}.legend .sw{width:9px;height:9px;border-radius:2px}.callout{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--radius);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 28%,var(--border));font-size:13.5px;color:var(--ink);transition:border-color .15s}.callout>svg{color:var(--warn);flex:none}.callout .callout-go{margin-left:auto;color:var(--ink-2);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:color .15s,gap .15s}a.callout:hover{border-color:color-mix(in srgb,var(--warn) 55%,var(--border))}a.callout:hover .callout-go{color:var(--ink);gap:7px}.callout-top{align-items:flex-start}.callout-top>svg{margin-top:1px}.callout-sub{margin:3px 0 0;color:var(--ink-2);font-size:13px;max-width:80ch}.statement{display:flex;flex-direction:column}.st-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-top:1px solid var(--border);font-size:13.5px}.st-row:first-child{border-top:0;padding-top:2px}.st-row .k{color:var(--ink-2)}.st-row .v{font-variant-numeric:tabular-nums;text-align:right}.st-less .k{padding-left:14px;color:var(--ink-3)}.st-less .v{color:var(--ink-2)}.st-sub{border-top-color:var(--border-2);font-weight:600}.st-sub .k{color:var(--ink)}.st-total{border-top:1px solid var(--ink);margin-top:2px;padding-top:12px;font-size:16px;font-weight:600;letter-spacing:-.01em}.st-total .k{color:var(--ink)}.st-note{display:block;font-size:12px;font-weight:400;color:var(--ink-3);letter-spacing:0;margin-top:1px}.grid-auto-tight{grid-template-columns:repeat(auto-fit,minmax(236px,1fr))}.spend-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch}.spend-where .bar-row{grid-template-columns:150px 1fr auto}@media(max-width:1180px){.spend-grid{grid-template-columns:1fr 1fr}.spend-where{grid-column:1 / -1;grid-row:1}}@media(max-width:720px){.spend-grid{grid-template-columns:1fr}.spend-where{grid-row:auto}.spend-where .bar-row{grid-template-columns:110px 1fr auto}}.spend-card{display:flex;flex-direction:column;gap:4px}.spend-total{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin-top:6px}.spend-card .link{margin-top:auto;padding-top:12px}.empty-note{color:var(--ink-3);font-size:13px;padding:18px 0 6px}.panel-foot{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.panel-foot .k{font-size:12.5px;color:var(--ink-2);font-weight:500}.panel-foot .v{font-size:20px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:12px}.bar-row .bl{font-size:13px;color:var(--ink-2);font-weight:500;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.bar-row .bl .ic{width:7px;height:7px;border-radius:2px;flex:none}.bar-track{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:filter .15s,width .4s cubic-bezier(.2,.7,.2,1)}.bar-row:hover .bar-fill{filter:brightness(1.08)}.bar-row .bv{font-size:13px;font-weight:500;color:var(--ink);min-width:62px;text-align:right;font-variant-numeric:tabular-nums}.bar-row .bv .mut{color:var(--ink-3);font-weight:400;font-size:12px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--ink-3);font-weight:500;padding:0 12px 9px;white-space:nowrap}th.r,td.r{text-align:right}td{padding:11px 12px;border-top:1px solid var(--border);font-size:13px}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--hover)}.oref :is(.pill,.overdue-badge){font-family:var(--font-ui);letter-spacing:0}.oref{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.cust{font-weight:500}.cust .e{color:var(--ink-3);font-weight:400;font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.5;padding:1px 8px 1px 7px;border-radius:var(--r-xs);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 16%,transparent)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.pill.good{color:var(--good);background:var(--good-soft)}.pill.info{color:var(--info);background:var(--info-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.crit{color:var(--crit);background:var(--crit-soft)}.pill.neut{color:var(--neutral);background:var(--neutral-soft)}.link{color:var(--brand-ink);font-weight:500;font-size:13px;background:none;border:0;display:inline-flex;align-items:center;gap:4px;transition:gap .15s}.link:hover{text-decoration:underline;text-underline-offset:3px}.login-wrap{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.login-pane{display:flex;flex-direction:column;padding:28px clamp(24px,5vw,64px)}.login-pane .brand{padding:0}.login-card{width:100%;max-width:360px;margin:auto 0;padding:48px 0}.login-card h2{margin:0 0 8px;font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1.1}.login-card p.lead{margin:0 0 28px;color:var(--ink-2);font-size:14px;max-width:32ch}.login-foot{font-size:12px;color:var(--ink-3)}.login-art{position:relative;overflow:hidden;background:#09090b;color:#fafafa;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,56px)}.login-art svg.bricks{position:absolute;inset:0;width:100%;height:100%}.login-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,transparent,#09090b 78%);pointer-events:none}.login-art .art-copy{position:relative;z-index:1;max-width:30ch}.login-art .art-copy p{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.35;color:#fafafa}.login-art .art-copy span{display:block;margin-top:10px;font-size:12.5px;color:#a1a1aa}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:500;color:var(--ink-2)}.field input{background:var(--surface);border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--ink);box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--ink-3)}.field input:focus{border-color:var(--brand);outline:none;box-shadow:var(--ring)}.btn-primary{width:100%;border:1px solid var(--brand-edge);border-radius:8px;padding:10px 14px;margin-top:6px;font-size:14px;font-weight:600;color:var(--brand-fill-ink);background:var(--brand-fill);box-shadow:inset 0 1px 0 var(--btn-sheen),var(--shadow-xs);transition:filter .15s,transform .1s}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:default}.form-error{background:var(--crit-soft);color:var(--crit);font-size:13px;font-weight:500;padding:9px 12px;border-radius:var(--r-sm);margin-bottom:16px;border:1px solid color-mix(in srgb,var(--crit) 22%,transparent)}.is-loading{opacity:.55;transition:opacity .15s;pointer-events:none}.head-total{text-align:right}.head-total .k{font-size:12px;color:var(--ink-3);font-weight:500}.head-total .v{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-top:1px;font-variant-numeric:tabular-nums}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--border) 70%,var(--surface-2)) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:sk 1.3s ease-in-out infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.center-spin{min-height:100dvh;display:grid;place-items:center;color:var(--ink-3);font-size:13px}.placeholder{display:grid;place-items:center;min-height:60vh;text-align:center;color:var(--ink-3)}.placeholder h2{color:var(--ink);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.placeholder p{margin:0 auto;max-width:44ch}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.seg-filter{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px;gap:1px;flex-wrap:wrap}.seg-filter button{border:0;background:transparent;color:var(--ink-2);font-size:13px;font-weight:500;padding:4px 11px;border-radius:6px;line-height:1.45;transition:background-color .15s,color .15s,box-shadow .15s}.seg-filter button:hover{color:var(--ink)}.seg-filter button.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border),var(--shadow-xs)}.tab-count{display:inline-block;margin-left:6px;color:var(--ink-3);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.seg-filter button.on .tab-count{color:var(--ink-2)}.filter-search{position:relative;margin-left:auto}.filter-search input{background:var(--surface);border:1px solid var(--border-2);border-radius:8px;padding:6px 12px 6px 32px;width:260px;height:32px;color:var(--ink);font-size:13px;box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s}.filter-search input::placeholder{color:var(--ink-3)}.filter-search input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.filter-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-3)}.count-note{color:var(--ink-3);font-size:13px;font-weight:500}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs>button{position:relative;flex:none;background:none;border:0;padding:12px 10px 13px;font-size:13.5px;font-weight:500;color:var(--ink-3);white-space:nowrap;transition:color .15s}.tabs>button:hover{color:var(--ink)}.tabs>button.on{color:var(--ink)}.tabs>button.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--ink)}.tabs .tabs-end{margin-left:auto;display:flex;align-items:center;padding-left:12px}.card>.tabs:first-child{margin:-8px -20px 0;padding:0 10px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0}.card-head+.filter-bar{padding-top:0}.filter-bar .filter-search{margin-left:0;flex:1 1 260px;max-width:360px}.filter-bar .filter-search input{width:100%}.filter-bar .inp{height:32px;padding-block:0}.filter-bar :is(.pill-btn,.toggle-btn){height:32px;padding-block:0}.filter-bar .filter-end{margin-left:auto;display:flex;align-items:center;gap:8px}.filter-count{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.clear-filters{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:4px 6px;border-radius:6px;font-size:13px;font-weight:500;color:var(--ink-3);transition:color .15s,background-color .15s}.clear-filters:hover{color:var(--ink);background:var(--hover)}.card>.lock-note{margin:0 0 12px}.pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:16px;color:var(--ink-3);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.pagination>span{margin-right:6px}.pager-btn{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:5px 10px;color:var(--ink-2);font-weight:500;font-size:13px;box-shadow:var(--shadow-xs);transition:background-color .15s,color .15s}.pager-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.pager-btn:disabled{opacity:.45;cursor:default;box-shadow:none}tr.click{cursor:pointer}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-3);font-weight:500;font-size:13px;margin-bottom:12px;transition:color .15s}.back-link:hover{color:var(--ink)}.detail-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.detail-head h2{margin:0;font-size:26px;font-weight:600;letter-spacing:-.028em}.detail-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;align-items:start}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.info-card h4{margin:0 0 10px;font-size:13px;color:var(--ink);font-weight:600;letter-spacing:-.01em}.info-card+.info-card{margin-top:16px}.kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:13px}.kv:first-of-type{border-top:0}.kv .k{color:var(--ink-2)}.kv .v{font-weight:500;text-align:right}.kv-editable{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.kv-edit-btn{border:0;background:none;color:var(--ink-3);padding:2px;border-radius:6px;display:grid;place-items:center;opacity:0;transition:opacity .12s,color .12s}.kv:hover .kv-edit-btn,.kv-edit-btn:focus-visible{opacity:1}.kv-edit-btn:hover{color:var(--brand-ink);background:var(--surface-2)}@media(hover:none){.kv-edit-btn{opacity:1}}.kv-editor{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}.kv-editor .inp{width:200px;max-width:100%;padding:5px 8px;font-size:12.5px}.kv-editor .btn,.kv-editor .btn-primary-sm{padding:5px 10px;font-size:12.5px}.totals{margin-top:12px;border-top:1px solid var(--border-2);padding-top:12px;display:flex;justify-content:space-between;font-weight:600;font-size:16px;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.totals .amt{color:var(--ink)}.actions{display:flex;flex-direction:column;gap:14px}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-row .lbl{font-size:12.5px;color:var(--ink-2);font-weight:500;width:100%}.range-filter{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.range-dates{display:inline-flex;gap:6px;align-items:center}.range-dates .inp{width:150px}.range-sep{color:var(--ink-3);font-size:13px}.inp{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:7px 10px;font-size:13px;color:var(--ink);font-family:inherit;box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s}.inp::placeholder{color:var(--ink-3)}.inp:focus{border-color:var(--brand);outline:none;box-shadow:var(--ring)}.inp:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none}.btn,.btn-primary-sm,.btn-danger,.btn-mini,.btn-danger-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-family:inherit;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s,filter .15s,transform .1s}.btn:active:not(:disabled),.btn-primary-sm:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-mini:active:not(:disabled),.btn-danger-sm:active:not(:disabled),.pill-btn:active,.pager-btn:active:not(:disabled){transform:translateY(1px)}.btn{border:1px solid var(--border-2);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);padding:6px 13px;font-size:13px;font-weight:500;box-shadow:var(--shadow-xs)}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary-sm{border:1px solid var(--brand-edge);background:var(--brand-fill);color:var(--brand-fill-ink);border-radius:var(--r-sm);padding:6px 13px;font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 var(--btn-sheen),var(--shadow-xs)}.btn-primary-sm:hover:not(:disabled){filter:brightness(1.05)}.btn-primary-sm:disabled{opacity:.55;cursor:default}.btn-danger{border:1px solid color-mix(in srgb,var(--crit) 45%,var(--border-2));background:var(--surface);color:var(--crit);border-radius:var(--r-sm);padding:6px 13px;font-size:13px;font-weight:500;box-shadow:var(--shadow-xs)}.btn-danger:hover:not(:disabled){background:var(--crit-soft);border-color:var(--crit)}.btn-danger:disabled{opacity:.5;cursor:default}.btn-mini{border:1px solid var(--border-2);background:var(--surface);color:var(--ink);border-radius:6px;padding:3px 10px;font-size:12.5px;font-weight:500}.btn-mini:hover:not(:disabled){background:var(--surface-2)}.btn-mini:disabled{opacity:.5}.btn-danger-sm{border:1px solid var(--border-2);background:var(--surface);color:var(--crit);border-radius:6px;padding:3px 10px;font-size:12.5px;font-weight:500}.btn-danger-sm:hover:not(:disabled){background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 45%,var(--border-2))}.btn-danger-sm:disabled{opacity:.5}.link-cell{border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.link-cell:hover .cust{color:var(--brand-ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;padding:10px 16px;border-radius:9px;box-shadow:var(--shadow);z-index:60;animation:toast-in .2s cubic-bezier(.2,.7,.2,1)}.toast.err{background:var(--crit);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:980px){.detail-grid{grid-template-columns:1fr}}.toggle-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);padding:5px 11px;height:32px;color:var(--ink-2);font-size:13px;font-weight:500;box-shadow:var(--shadow-xs);transition:background-color .15s,color .15s,border-color .15s}.toggle-btn:hover{color:var(--ink);background:var(--surface-2)}.toggle-btn.on{background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 45%,var(--border-2));color:var(--crit)}.bulk-bar{position:sticky;bottom:16px;z-index:4;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--bg);border-radius:var(--radius);padding:8px 10px 8px 16px;margin-top:14px;flex-wrap:wrap;box-shadow:var(--shadow);animation:pop-in .16s ease-out}.bulk-bar .n{font-weight:600;color:var(--bg);font-size:13px}.bulk-bar .btn-primary-sm{background:var(--bg);color:var(--ink);border-color:var(--bg);box-shadow:none}.bulk-bar .bulk-label{color:color-mix(in srgb,var(--bg) 72%,var(--ink));font-size:13px}.bulk-bar .clear{margin-left:auto;color:color-mix(in srgb,var(--bg) 70%,var(--ink));font-weight:500;font-size:13px;background:none;border:0}.bulk-bar .clear:hover{color:var(--bg)}.overdue-badge{display:inline-block;font-size:11px;font-weight:500;color:var(--crit);background:var(--crit-soft);padding:0 6px;line-height:18px;border-radius:4px;margin-left:8px;vertical-align:1px;font-family:var(--font-ui);letter-spacing:0}td.check,th.check{width:34px;padding-right:0}input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px;cursor:pointer}.cust-cell{display:flex;align-items:center;gap:11px;min-width:0}.avatar{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:var(--ink-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.avatar-lg{width:48px;height:48px;border-radius:12px;font-size:16px}.empty-row{padding:28px 16px;text-align:center;color:var(--ink-3);font-size:13px}.mini-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--border)}.mini-row:first-of-type{border-top:none;padding-top:2px}.mini-ic{flex:none;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--ink-2);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.mini-title{font-weight:500;font-size:13.5px}.mini-sub{color:var(--ink-3);font-size:12px;margin-top:1px}.mini-end{margin-left:auto;color:var(--ink-3);font-size:12px;white-space:nowrap}.addr-block{padding:10px 0;border-top:1px solid var(--border)}.addr-block:first-of-type{border-top:none;padding-top:2px}.addr-block .v{font-weight:500;font-size:13.5px}.modal-scrim{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;padding:24px;z-index:70;animation:fade-in .15s ease-out}.modal{width:100%;max-width:480px;max-height:86vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);animation:pop-in .18s cubic-bezier(.2,.7,.2,1)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 12px}.modal-head h3{font-size:16px;font-weight:600;letter-spacing:-.02em}.modal-body{padding:4px 20px 20px}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;font-size:12px;line-height:1.55;color:var(--ink-2);overflow-x:auto;white-space:pre;margin:0;font-family:var(--font-mono)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mono-tag{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 6px;white-space:nowrap}.chg-list{display:flex;flex-direction:column;gap:4px}.chg{display:inline-flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}.chg-k{color:var(--ink-3);font-weight:500}.chg-old{color:var(--ink-2);text-decoration:line-through}.chg-arr{color:var(--ink-3)}.chg-new{color:var(--ink);font-weight:500}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 45%,var(--surface));border-radius:0 0 12px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld-2{grid-column:1 / -1}.fld>span{font-size:12.5px;font-weight:500;color:var(--ink-2)}.fld>span em{font-weight:400;color:var(--ink-3);font-style:normal}.fld .inp,.fld textarea.inp{width:100%}.fld textarea.inp{resize:vertical;font:inherit;line-height:1.5}.fld-check{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink)}.rte{border:1px solid var(--border-2);border-radius:var(--r-sm);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-xs);transition:border-color .15s,box-shadow .15s}.rte:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;border-bottom:1px solid var(--border);background:var(--surface-2)}.rte-btn{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);cursor:pointer}.rte-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.rte-btn.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border)}.rte-btn:disabled{opacity:.4;cursor:default}.rte-sep{width:1px;height:18px;background:var(--border-2);margin:0 4px}.rte-content{min-height:140px;max-height:420px;overflow-y:auto;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink);outline:none}.rte-content:focus{outline:none}.rte-content>:first-child{margin-top:0}.rte-content>:last-child{margin-bottom:0}.rte-content p{margin:0 0 10px}.rte-content h2{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:16px 0 8px}.rte-content h3{font-size:15px;font-weight:600;margin:14px 0 6px}.rte-content ul,.rte-content ol{margin:0 0 10px;padding-left:22px}.rte-content li{margin:2px 0}.rte-content li>p{margin:0}.rte-content blockquote{margin:0 0 10px;padding-left:12px;border-left:2px solid var(--border-2);color:var(--ink-2)}.rte-content a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}.rte-content strong{font-weight:600}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:10px}.plan-card.off{opacity:.62}.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-label{font-size:15px;font-weight:600;letter-spacing:-.015em}.plan-price{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.plan-price span{font-size:13px;font-weight:400;color:var(--ink-3);margin-left:3px;letter-spacing:0}.plan-desc{margin:0;font-size:13px;color:var(--ink-2);line-height:1.55}.plan-feats{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.plan-feats li{font-size:12.5px;color:var(--ink-2);padding-left:18px;position:relative}.plan-feats li:before{content:"";position:absolute;left:2px;top:.45em;width:8px;height:4px;border-left:1.5px solid var(--good);border-bottom:1.5px solid var(--good);transform:rotate(-45deg)}.plan-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.thumb{width:40px;height:40px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px var(--border);display:block}.thumb-ph{display:grid;place-items:center;color:var(--ink-3);background:var(--surface-2)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.gallery-item{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-del{position:absolute;top:4px;right:4px;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;background:#0009;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-del:hover{background:var(--crit)}.gallery-new{position:absolute;bottom:4px;left:4px;font-size:10.5px;font-weight:500;color:var(--brand-fill-ink);background:var(--brand-fill);padding:0 5px;line-height:16px;border-radius:4px}.gallery-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed var(--border-2);border-radius:9px;color:var(--ink-3);font-size:12px;font-weight:500;cursor:pointer;background:var(--surface-2);transition:border-color .15s,color .15s}.gallery-add:hover{border-color:var(--brand);color:var(--brand-ink)}.fld input[type=file]{padding:6px 8px;font-size:12.5px;color:var(--ink-2)}.fld input[type=file]::file-selector-button{margin-right:10px;border:1px solid var(--border-2);background:var(--surface-2);color:var(--ink);border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer}.clamp1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.msg-body{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:13px 15px;font-size:14px;line-height:1.65;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-width:72ch}.health-banner{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border)}.health-banner.good{color:var(--good);background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 30%,transparent)}.health-banner.warn{color:var(--warn);background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.health-banner.crit{color:var(--crit);background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 30%,transparent)}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.health-card{display:flex;flex-direction:column;gap:8px}.health-head{display:flex;align-items:center;gap:10px}.health-name{font-size:14.5px;font-weight:600}.health-detail{font-size:13px;color:var(--ink-2);line-height:1.5}.health-latency{font-size:12px;color:var(--ink-3);font-weight:500;font-family:var(--font-mono)}.hc-good{color:var(--good)}.hc-warn{color:var(--warn)}.hc-crit{color:var(--crit)}.hc-neut{color:var(--ink-3)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.period-bar{display:flex;flex-direction:column;gap:10px}.period-row{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap}.period-row .inp{height:32px;padding-block:0}.period-select{min-width:210px}.period-group{display:inline-flex;align-items:center;gap:9px;margin-left:auto}.period-label{font-size:13px;font-weight:500;color:var(--ink-3);white-space:nowrap}.period-drill{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.period-note{font-size:13px;color:var(--ink-3);transition:opacity .15s}.period-note strong{color:var(--ink-2);font-weight:500;font-variant-numeric:tabular-nums}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;transition:opacity .15s}.metric-grid .kpi{padding:14px 16px;gap:6px}.metric-grid .kpi .val{font-size:clamp(16px,9cqi,22px)}.split-wrap{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.split-head{font-size:12.5px;color:var(--ink-2);font-weight:500;margin-bottom:8px}.split-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--surface-2);gap:2px}.split-bar>div{transition:width .2s}.split-legend{display:flex;gap:16px;margin-top:8px;font-size:12.5px;color:var(--ink-2);font-weight:500}.split-legend .sw{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}.settings-stack{display:grid;gap:20px;max-width:780px}.rcp-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;font-weight:500;color:var(--ink-2);margin-bottom:7px}.rcp-all{border:0;background:transparent;color:var(--brand-ink);font-size:12.5px;font-weight:500;padding:0}.rcp-all:hover{text-decoration:underline}.rcp-list{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden auto;max-height:232px;background:var(--surface)}.rcp-row{display:grid;grid-template-columns:auto 1fr auto minmax(0,1.4fr);align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--border);font-size:13px;cursor:pointer}.rcp-row:first-child{border-top:0}.rcp-row:hover{background:var(--hover)}.rcp-name{font-weight:500;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcp-role{font-size:11.5px;font-weight:500;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:0 6px;line-height:18px;white-space:nowrap}.rcp-mail{color:var(--ink-3);font-size:12.5px;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcp-empty{padding:14px 12px;font-size:13px;color:var(--ink-3)}.rcp-total{margin-top:11px;font-size:12.5px;color:var(--ink-2);line-height:1.5;word-break:break-word}@media(max-width:700px){.rcp-row{grid-template-columns:auto 1fr auto}.rcp-mail{grid-column:2 / -1;text-align:left}}.item-strip{display:flex;align-items:center;gap:7px}.item-strip .thumb{border-radius:6px;margin-right:-12px;box-shadow:0 0 0 2px var(--surface);position:relative}.item-strip .thumb:last-of-type{margin-right:0}.item-more{font-size:11.5px;font-weight:500;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px}.item-count{color:var(--ink-3);font-size:12.5px;white-space:nowrap}.line-cell{display:flex;align-items:center;gap:11px;min-width:0}.line-cell .thumb{border-radius:7px;flex:none}.line-sub{color:var(--ink-3);font-size:12px;font-weight:400}.line-was{color:var(--ink-3);font-size:11.5px;font-weight:400;text-decoration:line-through}tr.click:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.drawer-scrim{position:fixed;inset:0;background:var(--scrim);z-index:70;display:flex;justify-content:flex-end;animation:fade-in .15s ease-out}.drawer{width:min(440px,100%);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;outline:0;animation:drawer-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes drawer-in{0%{transform:translate(24px);opacity:.3}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.drawer-head h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em}.drawer-sub{font-size:12.5px;color:var(--ink-3);font-weight:500;margin-bottom:2px}.drawer-x{border:0;background:none;color:var(--ink-3);cursor:pointer;padding:4px;border-radius:6px;flex:none;display:grid;place-items:center}.drawer-x:hover{color:var(--ink);background:var(--hover)}.drawer-body{padding:16px 20px 22px;overflow-y:auto;flex:1}.drawer-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.drawer-foot .btn{display:inline-flex;align-items:center;gap:7px}.drawer-h4{margin:22px 0 8px;font-size:13px;color:var(--ink);font-weight:600}.drawer-h4:first-child{margin-top:0}.line-hero{display:flex;gap:14px;align-items:flex-start}.line-hero .thumb{border-radius:10px;flex:none}.line-hero-meta{min-width:0}.line-project{font-size:13px;font-weight:500;color:var(--ink-2)}.line-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{font-size:12px;font-weight:500;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);padding:0 7px;line-height:20px}.line-brief{margin:0;font-size:13px;line-height:1.55;color:var(--ink-3)}.timeline{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:var(--border-2)}.tl-item{position:relative;padding:0 0 18px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:-20px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--surface)}.tl-item.system:before{background:var(--surface);box-shadow:0 0 0 3px var(--surface),inset 0 0 0 1.5px var(--ink-3)}.tl-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.tl-label{font-size:13px;font-weight:500}.tl-at{font-size:12px;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}.tl-changes{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.tl-change{font-size:12px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 7px}.tl-change s{color:var(--ink-3)}.tl-change b{color:var(--ink);font-weight:500}.tl-by{font-size:12px;color:var(--ink-3);margin-top:4px}.cmd-scrim{position:fixed;inset:0;z-index:80;background:var(--scrim);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:fade-in .12s ease-out}.cmd{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;max-height:min(480px,76vh);animation:pop-in .16s cubic-bezier(.2,.7,.2,1);transform-origin:top center}.cmd-input{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border)}.cmd-input svg{color:var(--ink-3);flex:none}.cmd-input input{flex:1;min-width:0;border:0;background:transparent;outline:none;height:50px;font-size:15px;font-family:inherit;color:var(--ink)}.cmd-input input::placeholder{color:var(--ink-3)}.cmd-list{overflow-y:auto;padding:6px}.cmd-group{font-size:12px;color:var(--ink-3);font-weight:500;padding:10px 10px 4px}.cmd-item{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border:0;background:none;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--ink-2);text-align:left}.cmd-item svg{width:16px;height:16px;color:var(--ink-3);flex:none}.cmd-item[aria-selected=true]{background:var(--hover);color:var(--ink)}.cmd-item[aria-selected=true] svg{color:var(--brand)}.cmd-item .cmd-hint{margin-left:auto;font-size:12px;color:var(--ink-3);font-weight:400}.cmd-empty{padding:28px 16px;text-align:center;color:var(--ink-3);font-size:13px}.cmd-foot{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-3);background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.cmd-foot span{display:inline-flex;align-items:center;gap:5px}.nav-toggle,.scrim{display:none}@media(min-width:721px){.card>:is(.tbl-wrap,div:has(>table)){margin-inline:-20px}.card>:is(.tbl-wrap,div:has(>table))>table>*>tr>:first-child{padding-left:20px}.card>:is(.tbl-wrap,div:has(>table))>table>*>tr>:last-child{padding-right:20px}}@media(max-width:1180px){.kpis,.kpis-5{grid-template-columns:repeat(3,1fr)}.kpis-4{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}.plan-grid,.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:920px){.app{grid-template-columns:1fr}.side{position:fixed;inset:0 auto 0 0;z-index:60;width:min(84vw,288px);height:100dvh;background:var(--surface);transform:translate(-100%);visibility:hidden;transition:transform .24s cubic-bezier(.2,.7,.2,1),visibility .24s;box-shadow:var(--shadow)}.side.open{transform:none;visibility:visible}.nav a.on{background:var(--surface-2);box-shadow:none}.scrim{display:block;position:fixed;inset:0;z-index:55;background:var(--scrim);border:0;padding:0;cursor:pointer;animation:fade-in .15s ease-out}.nav-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-left:-8px;background:transparent;border:0;border-radius:9px;color:var(--ink-2)}.nav-toggle:hover{background:var(--hover);color:var(--ink)}.nav a{padding:10px 12px;font-size:14.5px}.nav .grp{padding:16px 12px 6px}.kpis,.kpis-5{grid-template-columns:repeat(2,1fr)}.plan-grid,.health-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.top{padding:0 14px;gap:6px;height:52px}.cmd-trigger{width:36px;height:36px;padding:0;justify-content:center;border-color:transparent;background:transparent;box-shadow:none}.cmd-trigger .cmd-label,.cmd-trigger kbd{display:none}.cmd-scrim{padding-top:10px}.user-meta,.user-caret{display:none}.user-trigger{padding:3px;gap:0}.wrap{padding:18px 14px 36px;gap:16px}.card-head{flex-wrap:wrap}.card-head .legend{width:100%}.page-head h1{font-size:23px}.card{padding:15px}.kpis,.kpis-4,.kpis-5{grid-template-columns:repeat(2,1fr)}.kpi{padding:13px 14px}.kpi .val{font-size:clamp(16px,9cqi,21px)}.spark{display:none}.inp,.filter-search input,.field input,.cmd-input input{font-size:16px}.toolbar{gap:8px;margin-bottom:14px}.filter-search{margin-left:0;width:100%}.filter-search input{width:100%;height:38px}.seg-filter{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.seg-filter::-webkit-scrollbar{display:none}.seg-filter button{flex:none;padding:7px 12px}.range-filter,.range-dates{width:100%}.range-dates .inp{width:auto;flex:1 1 0;min-width:0}.action-row .inp,.action-row .btn{width:100%}.pagination{justify-content:space-between;gap:8px}.period-select,.period-drill,.period-row .range-dates{flex:1 1 100%}.period-drill .inp{flex:1 1 0;min-width:0}.period-drill .inp[aria-label=Year]{flex:0 0 96px}.period-drill .inp[aria-label=Day]{flex-basis:100%}.period-row .inp{height:38px}.period-group{margin-left:0;width:100%;justify-content:space-between}.card>.tabs:first-child{margin:-6px -15px 0;padding:0 0 0 5px}.tabs .tabs-end{position:sticky;right:0;padding-left:22px;padding-right:10px;background:linear-gradient(to right,transparent,var(--surface) 18px)}.tabs .btn-label{display:none}.tabs .tabs-end .btn-primary-sm{width:34px;height:34px;padding:0}.filter-bar .range-filter:has(.range-dates){flex-basis:100%}.filter-bar .range-filter{display:flex;flex-wrap:wrap;gap:8px}.filter-bar .range-filter>select{flex:1 1 100%}.filter-bar .range-dates .inp{height:38px}.filter-bar{gap:8px}.filter-bar .filter-search{flex-basis:100%;max-width:none}.filter-bar .inp,.filter-bar .range-filter{flex:1 1 0;min-width:0}.filter-bar .filter-end{margin-left:0;width:100%;justify-content:space-between}.filter-bar .inp,.filter-bar .pill-btn,.filter-bar .toggle-btn{height:38px}.pager-btn{padding:8px 14px}.bar-row{grid-template-columns:96px 1fr auto;gap:9px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.fld{grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(2,1fr)}}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:720px){.tbl-wrap{overflow-x:visible}.tbl-wrap thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.tbl-wrap table,.tbl-wrap tbody,.tbl-wrap tr,.tbl-wrap td{display:block;width:auto}.tbl-wrap tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.tbl-wrap tbody tr:last-child{margin-bottom:0}.tbl-wrap tbody tr:hover{background:var(--surface)}.tbl-wrap tbody tr.click:active{background:var(--surface-2)}.tbl-wrap td{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:0;padding:4px 0;font-size:13.5px;text-align:right}.tbl-wrap td:before{content:attr(data-label);flex:none;text-align:left;font-size:12.5px;font-weight:400;color:var(--ink-3)}.tbl-wrap td[data-label=""]{display:block;text-align:left;padding-bottom:8px}.tbl-wrap td[data-label=""]:before{display:none}.tbl-wrap td:last-child[data-label=""]{display:none}.tbl-wrap td[data-primary]{display:block;text-align:left;padding:0 0 9px;margin-bottom:7px;font-size:14.5px;font-weight:600;border-bottom:1px solid var(--border)}.tbl-wrap td[data-primary]:before{display:none}.tbl-wrap td[colspan]{display:block;text-align:center;padding:6px 0}.tbl-wrap td[colspan]:before{display:none}.tbl-wrap th.r,.tbl-wrap td.r{text-align:right}.tbl-wrap td.check,.tbl-wrap th.check{width:auto}}