:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--bg-sunken:#eef0f3;--surface:#fff;--surface-raised:#fff;--surface-hover:#f1f3f6;--surface-active:#e8ebf0;--border:#e1e4ea;--border-strong:#c9ced8;--text:#171b22;--text-muted:#5a6372;--text-faint:#8a92a0;--text-inverse:#fff;--overlay:#0f141c6b;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 16px #1018281a, 0 1px 3px #1018280f;--shadow-lg:0 18px 48px #10182833, 0 2px 6px #10182814;--accent:#0f766e;--accent-hover:#0c5f58;--accent-soft:#e2f3f1;--accent-text:#0b5e57;--focus-ring:#0f766e73;--ok:#1a7f4b;--ok-soft:#e4f4ea;--warn:#a15c07;--warn-soft:#fbf0dc;--danger:#c0362c;--danger-soft:#fbe7e5;--info:#2f5fb3;--info-soft:#e6eefb;--running:var(--accent);--running-soft:var(--accent-soft);--neutral-soft:#eceef2;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--leading:1.45;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--row-h:40px;--control-h:30px;--sidebar-w:248px;--topbar-h:48px;--duration:.14s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--bg-sunken:#0a0d11;--surface:#151920;--surface-raised:#1b2029;--surface-hover:#1d232c;--surface-active:#252c37;--border:#262d38;--border-strong:#354050;--text:#e6e9ef;--text-muted:#9aa3b2;--text-faint:#6b7483;--text-inverse:#0e1116;--overlay:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 18px #00000073;--shadow-lg:0 20px 52px #0009;--accent:#2bb3a5;--accent-hover:#43c7b9;--accent-soft:#10302d;--accent-text:#5fd0c3;--focus-ring:#2bb3a580;--ok:#4cc485;--ok-soft:#12291d;--warn:#e0a447;--warn-soft:#30230f;--danger:#f0756a;--danger-soft:#361816;--info:#79a5f2;--info-soft:#16233b;--neutral-soft:#20262f}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1116;--bg-sunken:#0a0d11;--surface:#151920;--surface-raised:#1b2029;--surface-hover:#1d232c;--surface-active:#252c37;--border:#262d38;--border-strong:#354050;--text:#e6e9ef;--text-muted:#9aa3b2;--text-faint:#6b7483;--text-inverse:#0e1116;--overlay:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 18px #00000073;--shadow-lg:0 20px 52px #0009;--accent:#2bb3a5;--accent-hover:#43c7b9;--accent-soft:#10302d;--accent-text:#5fd0c3;--focus-ring:#2bb3a580;--ok:#4cc485;--ok-soft:#12291d;--warn:#e0a447;--warn-soft:#30230f;--danger:#f0756a;--danger-soft:#361816;--info:#79a5f2;--info-soft:#16233b;--neutral-soft:#20262f}@media (prefers-reduced-motion:reduce){:root{--duration:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,pre{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--accent-soft)}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.92em}.row{align-items:center;min-width:0;display:flex}.stack{flex-direction:column;min-width:0;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.between{justify-content:space-between;gap:var(--space-2)}.justify-end{justify-content:flex-end}.align-end{align-items:flex-end}.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.nowrap{white-space:nowrap}.block{display:block}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.break{word-break:break-all}.pre-wrap{white-space:pre-wrap;word-break:break-word}.ta-right{text-align:right}.num{font-variant-numeric:tabular-nums}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-neutral{color:var(--text-muted)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-running{color:var(--running)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);position:absolute;top:-40px}.skip-link:focus{top:var(--space-2)}.link-btn{color:var(--accent-text);font-size:inherit;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.kbd{padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:18px;color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-sans);white-space:nowrap;border-bottom-width:2px;align-items:center;line-height:1;display:inline-flex}.tag{height:20px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--neutral-soft);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;align-items:center;display:inline-flex}.tag-quiet{border:1px solid var(--border);height:18px;margin-left:var(--space-1);background:0 0}.badge{border-radius:var(--radius-full);min-width:20px;height:18px;font-size:var(--text-xs);background:var(--neutral-soft);color:var(--text-muted);justify-content:center;align-items:center;padding:0 6px;font-weight:600;display:inline-flex}.badge-danger{background:var(--danger);color:var(--text-inverse)}.badge-running{background:var(--running-soft);color:var(--accent-text)}.dot{border-radius:var(--radius-full);background:var(--text-faint);flex:none;width:8px;height:8px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.dot-info{background:var(--info)}.dot-running{background:var(--running)}.dot-neutral{background:var(--text-faint)}.chip{height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;background:var(--neutral-soft);color:var(--text-muted);align-items:center;gap:6px;font-weight:500;display:inline-flex}.chip-dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:6px;height:6px}.chip-ok{background:var(--ok-soft);color:var(--ok)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-running{background:var(--running-soft);color:var(--accent-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.spin{flex:none;animation:.9s linear infinite spin}.pulse{animation:1.6s ease-in-out infinite pulse}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}.pulse,.skeleton{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}.bullets{gap:var(--space-1);padding-left:1.25em;list-style:outside;display:grid}.bullets li::marker{color:var(--text-faint)}.section-title{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-2);font-weight:600;display:flex}.props{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:minmax(96px,max-content) 1fr;display:grid}.props dt{color:var(--text-muted)}.props dd{overflow-wrap:anywhere;min-width:0}.callout{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface);font-size:var(--text-sm)}.callout-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:600;display:flex}.callout-link{margin-left:auto;font-weight:500}.callout-warn{background:var(--warn-soft);border-color:#0000}.callout-warn .callout-title{color:var(--warn)}.callout-danger{background:var(--danger-soft);border-color:#0000}.callout-danger .callout-title{color:var(--danger)}.callout-ok{background:var(--ok-soft);border-color:#0000}.callout-ok .callout-title{color:var(--ok)}.callout pre{font-size:var(--text-xs)}.code-block,.log{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.55;overflow:auto}.log{white-space:pre-wrap;word-break:break-word;max-height:50vh}.app{min-height:100vh}.topbar{display:none}.sidebar{width:var(--sidebar-w);gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-sunken);border-right:1px solid var(--border);overscroll-behavior:contain;z-index:30;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-scrim{display:none}.main{margin-left:var(--sidebar-w);outline:none;min-width:0}.brand{align-items:center;gap:var(--space-2);font-weight:650;font-size:var(--text-md);color:var(--text);letter-spacing:-.01em;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:22px;height:22px;color:var(--text-inverse);place-items:center;font-size:12px;display:inline-grid}.brand-lg{font-size:var(--text-xl)}.brand-lg .brand-mark{width:28px;height:28px;font-size:14px}.sidebar-head{padding:var(--space-1) var(--space-2) var(--space-2)}.search-btn{align-items:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-2);margin:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);text-align:left;display:flex}.search-btn span{flex:1}.search-btn:hover{border-color:var(--border-strong);color:var(--text)}.nav-section{flex-direction:column;gap:1px;display:flex}.nav-projects-section{margin-top:var(--space-2);flex:1}.nav-heading{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nav-item,.nav-project{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;display:flex}.nav-item:hover,.nav-project:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-item.is-active,.nav-project.is-active{background:var(--surface-active);color:var(--text)}.nav-icon{color:var(--text-faint);flex:none}.nav-item.is-active .nav-icon{color:var(--accent)}.nav-label{flex:1;min-width:0}.nav-sub{font-size:var(--text-xs);color:var(--text-faint);text-overflow:ellipsis;font-weight:400;display:block;overflow:hidden}.nav-project{min-height:28px;font-weight:400}.nav-indicators{flex:none;align-items:center;gap:5px;display:inline-flex}.nav-group-toggle{align-items:center;gap:var(--space-1);width:100%;height:26px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-faint);font-size:var(--text-xs);text-align:left;background:0 0;border:0;font-weight:600;display:flex}.nav-group-toggle:hover{color:var(--text-muted)}.nav-group-count{margin-left:auto;font-weight:500}.chevron{transition:transform var(--duration) ease}.chevron.is-open{transform:rotate(90deg)}.nav-group+.nav-group{margin-top:var(--space-1)}.nav-projects{flex-direction:column;gap:1px;display:flex}.nav-note{padding:var(--space-2);font-size:var(--text-sm);color:var(--text-faint)}.nav-skeleton{padding:var(--space-2)}.sidebar-foot{border-top:1px solid var(--border);padding-top:var(--space-2)}.sidebar-foot .nav-item{min-height:40px}.readonly-banner{z-index:10;justify-content:center;align-items:center;gap:var(--space-2);padding:6px var(--space-4);background:var(--info-soft);color:var(--info);font-size:var(--text-xs);border-bottom:1px solid var(--border);font-weight:500;display:flex;position:sticky;top:0}.page{max-width:1440px;padding:var(--space-5) var(--space-6) var(--space-7);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.page-header{align-items:flex-end;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.page-header>.back-link{flex-basis:100%}.page-heading{flex:280px;min-width:0}.page-title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:650;line-height:1.2}.page-subtitle{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.page-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.back-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);display:inline-flex}.splash,.login{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{gap:var(--space-4);width:min(360px,100%);padding:var(--space-6) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.home-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.detail-grid{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.overview-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;display:grid}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.reports-layout{gap:var(--space-4);grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;display:grid}.reports-list{top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));flex-direction:column;display:flex;position:sticky}.reports-list .card-body{overflow-y:auto}@media (width<=1200px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid>:first-child{grid-column:1/-1}}@media (width<=1080px){.overview-grid,.detail-grid,.settings-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.topbar{z-index:25;justify-content:space-between;align-items:center;gap:var(--space-2);height:var(--topbar-h);padding:0 var(--space-2);background:var(--bg-sunken);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.sidebar{visibility:hidden;width:min(300px,86vw);transition:transform var(--duration) ease, visibility 0s linear var(--duration);box-shadow:var(--shadow-lg);z-index:40;transform:translate(-100%)}.drawer-open .sidebar{visibility:visible;transition:transform var(--duration) ease;transform:none}.drawer-open .sidebar-scrim{background:var(--overlay);z-index:35;display:block;position:fixed;inset:0}.main{margin-left:0}.readonly-banner{top:var(--topbar-h)}.page{padding:var(--space-4) var(--space-4) var(--space-6)}.home-grid,.reports-layout{grid-template-columns:minmax(0,1fr)}.reports-list{max-height:320px;position:static}}@media (width<=520px){.page{padding:var(--space-3) var(--space-4) var(--space-6);gap:var(--space-3)}.page-title{font-size:var(--text-xl)}}.btn{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-sm);transition:background var(--duration) ease, border-color var(--duration) ease, color var(--duration) ease;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);text-decoration:none}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]{opacity:.8;cursor:progress}.btn-sm{height:26px;padding:0 var(--space-2);font-size:var(--text-xs);gap:5px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-hover)}.btn-ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);filter:brightness(1.08)}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-md);color:var(--text-muted);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn-sm{width:26px;height:26px}.split-btn{flex:none;align-items:stretch;display:inline-flex}.split-btn .split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-btn .split-toggle{border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:0 6px}.split-primary .split-toggle{border-left:1px solid color-mix(in srgb, var(--text-inverse) 30%, transparent)}.form{gap:var(--space-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{font-size:var(--text-sm);color:var(--text);padding:0;font-weight:500}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.field-error{font-size:var(--text-xs);color:var(--danger)}.form-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.form-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.form-row>.field{flex:160px}.form-row>.field.grow{flex:3 220px}.fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;min-width:0;margin:0;display:flex}.fieldset>legend{padding:0 var(--space-1)}.input{width:100%;min-width:0;height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm);transition:border-color var(--duration) ease, box-shadow var(--duration) ease}.input::placeholder{color:var(--text-faint)}.input:hover:not(:disabled){border-color:var(--text-faint)}.input:focus,.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input:disabled{opacity:.6;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger)}select.input{padding-right:var(--space-5);cursor:pointer}.input-sm{height:26px;font-size:var(--text-xs);width:auto}.input-num{font-variant-numeric:tabular-nums;width:76px}.input-time{font-variant-numeric:tabular-nums;width:120px}.input-icon{text-align:center;width:56px}.input-hex{width:96px}.input-color{width:36px;height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;padding:2px}.textarea{height:auto;min-height:72px;padding:var(--space-2);resize:vertical;line-height:1.5}.inline-field{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.inline-field .input:not(.input-num):not(.input-time){flex:180px}.select-wrap{display:inline-flex}.segmented{border-radius:var(--radius-md);background:var(--neutral-soft);align-self:flex-start;gap:2px;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.segment{height:26px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;font-weight:500}.segment:hover{color:var(--text)}.segment.is-selected{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented-sm .segment{height:24px;font-size:var(--text-xs);padding:0 var(--space-2)}.weekday-toggles{gap:var(--space-1);flex-wrap:wrap;display:flex}.toggle-pill{min-width:46px;height:28px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.toggle-pill.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.radio-list{gap:var(--space-2);flex-direction:column;display:flex}.radio,.check{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;min-width:0;display:flex}.radio input,.check input{accent-color:var(--accent);flex:none;margin:3px 0 0}.check-sm{font-size:var(--text-xs);color:var(--text-muted);align-items:center}.check-sm input{margin:0}.check-grid{gap:var(--space-2) var(--space-3);max-height:200px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid;overflow-y:auto}.switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{border-radius:var(--radius-full);background:var(--border-strong);width:32px;height:18px;transition:background var(--duration) ease;position:relative}.switch-track:after{content:"";border-radius:var(--radius-full);background:var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform var(--duration) ease;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus-ring);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card-header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.card-title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;display:flex}.card-title svg{color:var(--text-faint)}.card-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--neutral-soft);border-radius:var(--radius-full);padding:0 7px;font-weight:500;line-height:18px}.card-actions{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.card-body{padding:var(--space-4);min-width:0}.card-flush>.card-body{padding:0}.card:not(:has(.card-header)) .card-body{padding:var(--space-4)}.card-flush:not(:has(.card-header))>.card-body{padding:0}.empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);color:var(--text-muted);flex-direction:column;display:flex}.empty-compact{padding:var(--space-5) var(--space-4);justify-content:center;gap:var(--space-2);flex-direction:row}.empty-icon{color:var(--text-faint)}.empty-title{color:var(--text);font-weight:600;font-size:var(--text-sm)}.empty-compact .empty-title{color:var(--text-muted);font-weight:500}.empty-body{font-size:var(--text-sm);max-width:420px}.empty-action{margin-top:var(--space-2)}.error-state{align-items:center;gap:var(--space-3);padding:var(--space-4);margin:var(--space-2);border-radius:var(--radius-md);background:var(--danger-soft);font-size:var(--text-sm);display:flex}.error-state>div{flex:1;min-width:0}.error-icon{color:var(--danger);flex:none}.error-state .empty-body{color:var(--text-muted)}.skeleton{border-radius:var(--radius-sm);background:var(--neutral-soft);max-width:100%;animation:1.4s ease-in-out infinite shimmer;display:inline-block}.skeleton-rows{padding:var(--space-2) var(--space-4);flex-direction:column;display:flex}.skeleton-row{align-items:center;gap:var(--space-3);height:var(--row-h);display:flex}.skeleton-row>:nth-child(2){flex:0 auto}.skeleton-row>:last-child{margin-left:auto}.list{flex-direction:column;display:flex}.list>li+li>.list-row,.list>.list-row+.list-row{border-top:1px solid var(--border)}.list-row{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-4);color:inherit;display:flex;position:relative}a.list-row:hover{text-decoration:none}.list-row.is-clickable{cursor:pointer}.list-row.is-clickable:hover,a.list-row:hover{background:var(--surface-hover)}.list-lead{flex:none;justify-content:center;align-items:center;width:18px;display:inline-flex}.time-lead{width:64px;font-size:var(--text-sm);color:var(--text);justify-content:flex-start;font-weight:600}.list-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-title{align-items:center;gap:var(--space-2);font-weight:500;font-size:var(--text-sm);color:var(--text);min-width:0;display:flex}a.list-title{color:var(--text)}.list-meta{align-items:center;gap:2px var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;min-width:0;display:flex}.list-meta>*{min-width:0}.list-detail{font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere}.list-side{align-items:center;gap:var(--space-1);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.sev-bar{background:0 0;border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.sev-urgent .sev-bar{background:var(--danger)}.sev-attention .sev-bar{background:var(--warn)}.sev-info .sev-bar{background:var(--info)}.inbox-row.is-closed{opacity:.65}.inbox-title{overflow-wrap:anywhere;display:block}.list-meta .chip{height:18px}.card-body{container-type:inline-size}@container (width<=520px){.list-row{flex-wrap:wrap}.list-side{justify-content:flex-start;width:100%}.list-lead+.list-main+.list-side{padding-left:calc(18px + var(--space-3))}}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{height:34px;padding:0 var(--space-3);text-align:left;font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);font-weight:500}.table td{height:var(--row-h);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.table td.cell-wrap{white-space:normal;min-width:180px;max-width:320px}.table th:first-child,.table td:first-child{padding-left:var(--space-4)}.table th:last-child,.table td:last-child{padding-right:var(--space-4)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-hover)}.table tr.is-clickable{cursor:pointer}.table tr:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.table th.ta-right,.table td.ta-right{text-align:right}.cell-strong{color:var(--text);font-weight:500}.cell-strong a{color:var(--text)}.cell-sub{font-size:var(--text-xs);color:var(--text-muted);display:block}.cell-error{max-width:280px;color:var(--danger);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-cell{align-items:center;gap:var(--space-3);color:inherit;min-width:220px;max-width:420px;display:flex}.project-cell:hover{text-decoration:none}.project-cell:hover .cell-strong{text-underline-offset:2px;text-decoration:underline}.project-cell-text{flex-direction:column;min-width:0;display:flex}.table-projects td{height:52px}.prio{font-size:var(--text-xs);color:var(--text-muted)}.prio-critical{color:var(--danger);font-weight:600}.prio-high{color:var(--warn);font-weight:500}.prio-someday{color:var(--text-faint)}.swatch{border-radius:var(--radius-md);background:color-mix(in srgb, var(--swatch) 18%, var(--surface));border:1px solid color-mix(in srgb, var(--swatch) 45%, transparent);color:var(--swatch);flex:none;place-items:center;display:inline-grid}.swatch-sm{width:22px;height:22px;font-size:12px}.swatch-md{width:30px;height:30px;font-size:15px}.swatch-lg{border-radius:var(--radius-lg);width:44px;height:44px;font-size:22px}.swatch-icon{line-height:1}.color-dot{border-radius:var(--radius-sm);background:var(--swatch);flex:none;width:8px;height:8px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tab{height:38px;padding:0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text);text-decoration:none}.tab.is-selected{color:var(--text);border-bottom-color:var(--accent)}.tab-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--neutral-soft);border-radius:var(--radius-full);padding:0 6px;line-height:17px}.tabpanel{gap:var(--space-4);outline:none;flex-direction:column;display:flex}.health-list{gap:var(--space-2);flex-direction:column;display:flex}.health-item{align-items:baseline;gap:var(--space-2) var(--space-3);font-size:var(--text-sm);grid-template-columns:auto minmax(120px,max-content) 1fr;display:grid}.health-item .dot{align-self:center}.health-label{font-weight:500}.health-detail{color:var(--text-muted);overflow-wrap:anywhere;min-width:0}.health-list.is-compact{gap:var(--space-1)}@media (width<=520px){.health-item{grid-template-columns:auto 1fr}.health-detail{grid-column:2}}.markdown{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.6}.markdown>*+*{margin-top:var(--space-3)}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-size:var(--text-md);margin-top:var(--space-4);font-weight:600}.markdown ul{padding-left:1.3em;list-style:outside}.markdown ol{padding-left:1.5em;list-style:decimal}.markdown li+li{margin-top:var(--space-1)}.markdown code{background:var(--neutral-soft);border-radius:var(--radius-sm);padding:1px 4px}.markdown pre{background:var(--bg-sunken);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{padding-left:var(--space-3);border-left:3px solid var(--border-strong);color:var(--text-muted);margin:0}.markdown table{border-collapse:collapse;font-size:var(--text-xs)}.markdown th,.markdown td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left}.markdown hr{border:0;border-top:1px solid var(--border)}.markdown+.section-title{margin-top:var(--space-4)}.machine-list{gap:var(--space-3);flex-direction:column;display:flex}.machine-row{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.machine-row>svg{color:var(--text-muted)}.machine-seen{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.modal-backdrop{z-index:60;padding:8vh var(--space-4) var(--space-4);background:var(--overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop-drawer{justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}.modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);outline:none;flex-direction:column;max-height:84vh;display:flex}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:720px}.modal-drawer{border-width:0 0 0 1px;border-radius:0;max-width:640px;height:100%;max-height:none}.modal-header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex}.modal-titles{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.modal-title{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:600}.modal-desc{font-size:var(--text-sm);color:var(--text-muted)}.modal-body{padding:var(--space-4) var(--space-5);flex:1;min-height:0;overflow-y:auto}.modal-footer,.modal-confirm{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.modal-confirm{background:var(--warn-soft);font-size:var(--text-sm);justify-content:space-between;font-weight:500}@media (width<=640px){.modal-backdrop{padding:var(--space-3) var(--space-2)}.modal{max-height:calc(100vh - 2 * var(--space-3))}.modal-backdrop-drawer{padding:0}.modal-drawer{max-height:none}.modal-body,.modal-header,.modal-footer,.modal-confirm{padding-left:var(--space-4);padding-right:var(--space-4)}}.menu{z-index:70;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:calc(100vw - 16px);position:fixed;overflow-y:auto}.menu-section{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.menu-item{align-items:flex-start;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;outline:none;display:flex}.menu-item:hover,.menu-item:focus{background:var(--surface-hover)}.menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.menu-item.is-disabled{cursor:default;color:var(--text-faint)}.menu-item.is-disabled:hover{background:0 0}.menu-check{width:14px;color:var(--accent);flex:none;padding-top:2px}.menu-text{flex-direction:column;min-width:0;display:flex}.menu-label{align-items:center;gap:var(--space-2);display:flex}.menu-hint{font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere}.menu-item.is-disabled .menu-hint{color:var(--warn)}.menu-badge{font-size:var(--text-xs);color:var(--accent-text)}.menu-sep{background:var(--border);height:1px;margin:var(--space-1) 0}.menu-note{padding:var(--space-1) var(--space-2) var(--space-2) 30px;font-size:var(--text-xs);color:var(--text-muted)}.toast-stack{right:var(--space-4);bottom:var(--space-4);z-index:90;gap:var(--space-2);width:min(380px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:toast-in var(--duration) ease-out;display:flex}.toast-ok{border-left-color:var(--ok)}.toast-ok .toast-icon{color:var(--ok)}.toast-danger{border-left-color:var(--danger)}.toast-danger .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--info)}.toast-icon{flex:none;margin-top:2px}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0;padding-top:1px}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.palette-backdrop{z-index:80;padding:12vh var(--space-3) var(--space-3);background:var(--overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(600px,100%);max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.palette-input-row{align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--border);display:flex}.palette-input{min-width:0;height:48px;font-size:var(--text-lg);background:0 0;border:0;outline:none;flex:1}.palette-input::placeholder{color:var(--text-faint)}.palette-list{padding:var(--space-1) var(--space-1) var(--space-2);overflow-y:auto}.palette-group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.palette-item{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;display:flex}.palette-item.is-active{background:var(--accent-soft)}.palette-item.is-active svg{color:var(--accent)}.palette-label{flex:0 auto}.palette-hint{text-align:right;color:var(--text-faint);font-size:var(--text-xs);flex:1 1 0}.palette-empty{padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.project-header{gap:var(--space-3);flex-direction:column;display:flex}.project-title-row{align-items:flex-start;gap:var(--space-3);display:flex}.project-heading{flex:1;min-width:0}.project-heading .page-title{overflow-wrap:anywhere}.project-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.project-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.project-primary{margin-left:auto}@media (width<=640px){.project-primary{width:100%;margin-left:0}}.report-meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.report-summary{font-size:var(--text-md);margin-bottom:var(--space-3);overflow-wrap:anywhere;line-height:1.55}.report .report-summary{font-size:var(--text-lg)}.report-item{min-height:0;padding-top:var(--space-3);padding-bottom:var(--space-3)}.report-item.is-selected{background:var(--accent-soft)}.report-item.is-selected:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.report-reader{min-width:0}.suggestion-list{gap:var(--space-4);font-size:var(--text-sm);padding-left:1.4em;list-style:decimal;display:grid}.suggestion-list p{margin-top:var(--space-1)}.suggestion-list details{margin-top:var(--space-2)}.suggestion-list summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-xs)}.suggestion-list pre{margin-top:var(--space-2)}.pulse-list{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.pulse-list>li{min-width:0}.commit-list{margin-top:var(--space-1);flex-direction:column;gap:2px;display:flex}.commit-list li{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.source-list{flex-direction:column;display:flex}.source-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.source-row+.source-row{border-top:1px solid var(--border)}.source-row.is-disabled .source-main>:not(.inline-confirm){opacity:.6}.source-main{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.source-side{align-items:center;gap:var(--space-2);flex:none;padding-top:2px;display:flex}.binding{align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-sunken);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.binding-label{color:var(--text-faint);font-weight:500}.binding-path{color:var(--text-muted);flex:160px}.binding-editor{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:100%;display:flex}.binding-editor .input{height:26px;font-size:var(--text-xs);flex:220px}.inline-confirm{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.inline-confirm>span{flex:200px}.timeline{gap:var(--space-5);flex-direction:column;display:flex}.timeline-heading{z-index:1;padding:var(--space-1) 0;background:var(--bg);font-size:var(--text-sm);color:var(--text-muted);font-weight:600;position:sticky;top:0}.timeline-list{gap:var(--space-3);flex-direction:column;padding-left:2px;display:flex;position:relative}.timeline-list:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:13px}.timeline-item{gap:var(--space-3);display:flex;position:relative}.timeline-icon{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);width:24px;height:24px;color:var(--text-muted);flex:none;place-items:center;display:grid;position:relative}.kind-report .timeline-icon{color:var(--accent);border-color:var(--accent)}.kind-decision .timeline-icon{color:var(--info);border-color:var(--info)}.kind-automation .timeline-icon{color:var(--warn)}.timeline-body{min-width:0;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);flex:1}.timeline-detail{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.time-list{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.time-list li{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-grid .card .props,.settings-grid .card .form+.props,.settings-grid .card .props+.form{margin-top:var(--space-4)}.target-list{gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);flex-direction:column;display:flex}.target-list li{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(90px,max-content) 1fr;display:grid}.target-list .text-muted{font-size:var(--text-xs);overflow-wrap:anywhere;min-width:0}.provider-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.provider-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.provider-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.interface-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.interface-row>.input:first-child{flex:120px}.interface-row>.input.grow{flex:3 200px}.interface-row>select.input{flex:0 0 120px}
