*,:before,:after{box-sizing:border-box}:root{--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-bg:#fafafa;--color-surface:#fff;--color-surface-notice:#f0f9ff;--color-surface-subtle:#f3f4f6;--color-surface-input:#fff;--color-surface-alpha:#fffc;--color-surface-raised:var(--color-surface);--color-border-raised:var(--color-border);--color-btn-bg:var(--color-accent);--color-btn-text:#fff;--color-border:#e5e7eb;--color-border-input:#d1d5db;--color-shadow:#0000000f;--color-success-bg:#f0fdf4;--color-success-text:#166534;--color-success-border:#bbf7d0;--color-error-bg:#fef2f2;--color-error-text:#991b1b;--color-error-border:#fecaca;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--color-info-border:#bfdbfe;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fde68a;--color-accent:#4e0f0f;--color-selected-border:#d7b5b5;--color-selected-bg:#f0e4e4;--sidebar-width:260px;--sidebar-width-collapsed:64px;--topbar-height:56px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-20:20px;--space-3xl:48px;--space-4xl:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:9999px;--text-label:.7333rem;--text-xs:.8333rem;--text-sm:.9333rem;--text-base:1.0667rem;--text-lg:1.3333rem;--text-xl:1.8667rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-raised:0 2px 4px var(--color-shadow);--shadow-overlay:0 12px 24px var(--color-shadow), 0 4px 8px var(--color-shadow);--shadow-modal:0 15px 45px #0000004d;--shadow-sm:var(--shadow-raised);--shadow-md:var(--shadow-raised);--shadow-lg:var(--shadow-raised);--shadow-xl:var(--shadow-raised);--shadow-2xl:var(--shadow-raised);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:15px;line-height:1.5}[data-theme=dark]{--color-text:#e5e7eb;--color-text-secondary:#9ca3af;--color-bg:#111;--color-surface:#1a1a1a;--color-surface-notice:#172032;--color-surface-subtle:#222;--color-surface-input:#222;--color-surface-alpha:#1a1a1acc;--color-surface-raised:#212121;--color-border-raised:#666;--color-btn-bg:var(--color-accent);--color-btn-text:#111;--color-border:#2a2a2a;--color-border-input:#3a3a3a;--color-shadow:#0000004d;--color-success-bg:#16653426;--color-success-text:#86efac;--color-success-border:#1665344d;--color-error-bg:#991b1b26;--color-error-text:#fca5a5;--color-error-border:#991b1b4d;--color-info-bg:#1e40af26;--color-info-text:#93c5fd;--color-info-border:#1e40af4d;--color-warning-bg:#92400e26;--color-warning-text:#fcd34d;--color-warning-border:#92400e4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);margin:0}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=number],textarea,select{border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface-input);color:var(--color-text);font-size:var(--text-base);width:100%;padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}label{gap:var(--space-xs);font-size:var(--text-sm);display:grid}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}code{border-radius:var(--radius-sm);background:var(--color-surface-subtle);padding:2px 5px;font-size:.9em}.shell{flex-direction:column;min-height:100vh;display:flex}.shell.has-sidebar{grid-template-columns:var(--sidebar-width) 1fr;display:grid}.shell.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.main-area{flex-direction:column;min-width:0;min-height:100vh;display:flex}.skip-link{z-index:100;background:var(--color-btn-bg);color:var(--color-btn-text);border-radius:var(--radius-lg);font-weight:var(--weight-medium);box-shadow:var(--shadow-raised);padding:8px 16px;text-decoration:none;position:absolute;top:-48px;left:32px}.skip-link:focus{top:16px}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface-alpha);-webkit-backdrop-filter:blur(16px);z-index:40;height:var(--topbar-height);align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-context{align-items:center;gap:16px;margin-right:auto;display:flex}.topbar-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.topbar-brand{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--color-text);white-space:nowrap;letter-spacing:var(--tracking-tight);align-items:center;gap:12px;display:flex}.brand-logo{width:32px;height:32px}.brand-text{font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-tight)}.topbar-nav{align-items:center;gap:16px;display:flex}.topbar-nav a{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);padding:6px 12px;transition:background .2s,color .2s,border-color .2s}.topbar-nav a:hover{color:var(--color-text);background:var(--color-surface-subtle);text-decoration:none}.topbar-right{align-items:center;gap:12px;display:flex}.approval-btn{align-items:center;gap:8px;display:inline-flex}.approval-count{border-radius:var(--radius-pill);min-width:1.4rem;color:var(--color-warning-text);font-size:var(--text-xs);font-weight:var(--weight-bold);background:#f59e0b2e;padding:.1rem .45rem}.mobile-menu-btn{padding:6px;display:none}button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-medium);box-shadow:var(--shadow-raised);padding:8px 16px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}button:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text);border-color:var(--color-border-input)}.primary-action{background:var(--color-btn-bg);color:var(--color-btn-text);box-shadow:var(--shadow-raised);border:none}.primary-action:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 88%, var(--color-surface));color:var(--color-btn-text)}.primary-action:active:not(:disabled){background:color-mix(in srgb, var(--color-accent) 94%, var(--color-surface))}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-muted{color:var(--color-text-secondary);box-shadow:none;background:0 0;border:1px solid #0000}.btn-muted:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text);border-color:var(--color-border-input)}.search-btn{font-weight:var(--weight-medium);align-items:center;gap:12px;padding:6px 12px;display:flex}.search-btn kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-xs);color:var(--color-text-secondary);box-shadow:var(--shadow-raised);padding:2px 6px}h1,h2,h3{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}.muted{color:var(--color-text-secondary);font-size:var(--text-base);margin:6px 0 0;line-height:1.5}.layout{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;width:100%;padding:24px;display:grid}.panel{background:var(--color-surface-raised);border:1px solid var(--color-border-raised);border-radius:var(--radius-2xl);padding:24px}.panel-approval{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.panel-notice{background:var(--color-surface-notice);border-color:#0000}.notice-copy{justify-content:space-between;align-items:center;gap:var(--space-20);display:flex}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.profile-card{border-radius:var(--radius-lg);background:var(--color-surface-subtle);font-size:var(--text-base);padding:12px 14px}.profile-card p{margin:0}.profile-card p+p{margin-top:4px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}ul{margin:10px 0 0;padding-left:20px}li{font-size:var(--text-base)}li+li{margin-top:4px}@media (width<=768px){.shell.has-sidebar,.shell.sidebar-collapsed{grid-template-columns:1fr}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.topbar{padding:12px 16px}.layout{padding:16px}.notice-copy{flex-direction:column;align-items:start}.profile-grid{grid-template-columns:1fr}}:root{--palette-swatch-maroon:#4e0f0f;--palette-swatch-indigo:#4f46e5;--palette-swatch-emerald:#047857;--palette-swatch-rose:#e11d48;--palette-swatch-amber:#b45309}[data-palette=maroon]{--color-accent:#4e0f0f;--color-selected-border:#d7b5b5;--color-selected-bg:#f0e4e4}[data-theme=dark][data-palette=maroon]{--color-accent:#c47a7a;--color-selected-border:#c47a7a66;--color-selected-bg:#c47a7a1a}[data-palette=indigo]{--color-accent:#4f46e5;--color-selected-border:#a5b4fc;--color-selected-bg:#e0e7ff}[data-theme=dark][data-palette=indigo]{--color-accent:#818cf8;--color-selected-border:#818cf866;--color-selected-bg:#818cf81a}[data-palette=emerald]{--color-accent:#047857;--color-selected-border:#6ee7b7;--color-selected-bg:#d1fae5}[data-theme=dark][data-palette=emerald]{--color-accent:#34d399;--color-selected-border:#34d39966;--color-selected-bg:#34d3991a}[data-palette=rose]{--color-accent:#e11d48;--color-selected-border:#fda4af;--color-selected-bg:#ffe4e6}[data-theme=dark][data-palette=rose]{--color-accent:#fb7185;--color-selected-border:#fb718566;--color-selected-bg:#fb71851a}[data-palette=amber]{--color-accent:#b45309;--color-selected-border:#fcd34d;--color-selected-bg:#fef3c7}[data-theme=dark][data-palette=amber]{--color-accent:#fbbf24;--color-selected-border:#fbbf2466;--color-selected-bg:#fbbf241a}.brand-logo[data-v-66b65199]{border-radius:var(--radius-lg);flex-shrink:0;display:block}.demo-panel[data-v-3caaf152]{border:1px solid var(--color-border,#d6d6d6);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-surface-subtle)}.demo-panel-head[data-v-3caaf152]{gap:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.demo-panel-title[data-v-3caaf152]{font-size:var(--text-lg);margin:0}.demo-panel-subtitle[data-v-3caaf152]{margin:var(--space-xs) 0 0;font-size:.85rem}.demo-stats[data-v-3caaf152]{gap:var(--space-xl);margin:0;display:flex}.demo-stats dt[data-v-3caaf152]{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.75rem}.demo-stats dd[data-v-3caaf152]{font-variant-numeric:tabular-nums;margin:0}.demo-actions[data-v-3caaf152]{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.demo-feed[data-v-3caaf152]{margin-top:var(--space-lg)}.demo-feed-title[data-v-3caaf152]{margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.85rem}.demo-feed-list[data-v-3caaf152]{gap:var(--space-xs);flex-direction:column;max-height:12rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.demo-feed-entry[data-v-3caaf152]{justify-content:space-between;gap:var(--space-lg);font-size:var(--text-base);display:flex}.demo-feed-time[data-v-3caaf152]{white-space:nowrap;font-size:.8rem}.screen-root{gap:var(--space-lg);overflow-wrap:anywhere;align-content:start;min-width:0;max-width:100%;display:grid}.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}.adaptive-layout{gap:var(--space-lg);min-height:0;display:flex}.list-panel{min-width:0;transition:flex-basis .25s var(--ease-out-expo);flex:100%}.adaptive-layout.split .list-panel{flex:0 0 45%}.list-panel-inner{max-height:calc(100vh - var(--topbar-height) - 48px);flex-direction:column;display:flex;overflow:hidden}.detail-panel{min-width:0;animation:surface-slide-in .25s var(--ease-out-expo);flex:0 0 55%}@keyframes surface-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toolbar{gap:var(--space-md);padding-bottom:var(--space-md);flex-shrink:0;display:grid}.toolbar-title-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-action{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:none;align-items:center;gap:6px;padding:6px 14px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.toolbar-action:hover{background:var(--color-surface-subtle);box-shadow:none;transform:none}.toolbar-action:focus-visible,.participant-link:focus-visible,.allocation-table input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toolbar-action.active{background:var(--color-selected-bg);border-color:var(--color-accent);color:var(--color-accent)}.grid-bar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.grid-bar-start{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.grid-bar-end{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.grid-bar input,.grid-bar select{height:28px;padding-top:0;padding-bottom:0}.grid-chips{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;display:flex}.grid-chips .toolbar-action,.grid-bar .toolbar-action{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.toolbar-count{opacity:.6;font-variant-numeric:tabular-nums}.grid-pager{align-items:center;gap:var(--space-sm);display:inline-flex}.grid-pager-size{height:28px;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.grid-pager-range{color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.grid-pager-nav{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);font-size:var(--text-base);box-shadow:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.grid-pager-nav:hover:not(:disabled){background:var(--color-surface-subtle);box-shadow:none;transform:none}.grid-pager-nav:disabled{opacity:.4;cursor:default}.grid-pager-nav:focus-visible,.grid-pager-size:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (width>=1101px){.screen-root.screen-fill{height:calc(100vh - var(--topbar-height) - 48px);flex-direction:column;display:flex;overflow:hidden}.screen-fill>:not(.grid-region){flex-shrink:0}.screen-fill>.grid-region{flex:auto;min-height:0}.screen-fill>.panel.grid-region{flex-direction:column;display:flex;overflow:hidden}.screen-fill .adaptive-layout .list-panel{flex-direction:column;min-height:0;display:flex}.screen-fill .list-panel-inner{flex:auto;min-height:0;max-height:none}.screen-fill .detail-panel{min-height:0;overflow-y:auto}}.quick-search{align-items:center;display:inline-flex;position:relative}.quick-search-icon{left:var(--space-sm);color:var(--color-text-secondary);pointer-events:none;position:absolute}.quick-search .quick-search-input{width:230px;max-width:100%;padding-left:var(--space-2xl)}.grid-filter-count{min-width:16px;padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-btn-text);font-size:var(--text-label);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.grid-filter-panel{z-index:60;gap:var(--space-sm);width:540px;max-width:80vw;padding:var(--space-md);border:1px solid var(--color-border-raised);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex}.grid-filter-row{align-items:center;gap:var(--space-xs);display:flex}.grid-filter-where{width:74px;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:right;flex-shrink:0}.grid-filter-link{flex-shrink:0;width:74px}.grid-filter-field,.grid-filter-op{flex:1;min-width:0}.grid-filter-value{flex:1.2;min-width:0}.grid-filter-remove{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:28px;height:28px;color:var(--color-text);font-size:var(--text-base);box-shadow:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.grid-filter-remove:hover{background:var(--color-surface-subtle);box-shadow:none;transform:none}.grid-filter-footer{padding-top:var(--space-xs);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.grid-filter-add,.grid-filter-clear{padding:var(--space-xs) 0;box-shadow:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:none}.grid-filter-add{color:var(--color-accent)}.grid-filter-clear{color:var(--color-text-secondary)}.grid-filter-add:hover,.grid-filter-clear:hover{box-shadow:none;background:0 0;text-decoration:underline;transform:none}.grid-filter-panel input,.grid-filter-panel select{height:28px;padding-top:0;padding-bottom:0}.btn-danger{border:1px solid var(--color-error-border);color:var(--color-error-text);box-shadow:none;background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-error-bg);box-shadow:none;transform:none}.table-scroll{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;font-size:var(--text-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border);white-space:nowrap;z-index:1;padding:10px 16px;position:sticky;top:0}.data-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.data-table td{font-size:var(--text-base);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 16px}.data-table tbody tr{transition:background .1s}.data-table tbody tr[tabindex]{cursor:pointer}.data-table tbody tr:hover:not(.selected){background:var(--color-surface-subtle)}.data-table tbody tr.selected{background:var(--color-selected-bg);box-shadow:inset 3px 0 0 var(--color-accent)}.data-table tbody tr.selected:hover{background:color-mix(in srgb, var(--color-selected-bg) 82%, var(--color-text) 7%)}.data-table tbody tr.inactive{opacity:.6}.data-table tbody tr:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.cell-sub{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-secondary);display:block}.chevron-cell{width:28px;color:var(--color-text-secondary);text-align:right;font-size:var(--text-base)}.cell-primary{font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.cell-meta{color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap}.data-table td.cell-meta{font-size:var(--text-sm)}.cell-right{text-align:right}.cell-timestamp{font-variant-numeric:tabular-nums}.badge{border-radius:var(--radius-sm);font-size:var(--text-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.badge.admin{background:var(--color-btn-bg);color:var(--color-btn-text)}.badge.member{background:var(--color-selected-bg);color:var(--color-accent)}.badge.success{background:var(--color-success-bg);color:var(--color-success-text)}.badge.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge.danger{background:var(--color-error-bg);color:var(--color-error-text)}.badge.pending{background:var(--color-info-bg);color:var(--color-info-text)}.bucket-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.25rem;margin:.5rem 0 .75rem;display:flex}.bucket-tab{box-shadow:none;color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.bucket-tab:hover:not(:disabled){color:var(--color-text);border-color:#0000;border-bottom-color:var(--color-border);background:0 0}.bucket-tab.active{color:var(--color-accent);font-weight:var(--weight-semibold);border-bottom-color:var(--color-accent)}.state{border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;padding:8px 12px}.state.error{background:var(--color-error-bg);color:var(--color-error-text)}.state.info{background:var(--color-info-bg);color:var(--color-info-text)}.state.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.state.success{background:var(--color-success-bg);color:var(--color-success-text)}.empty-state{place-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);text-align:center;display:grid}.empty-icon{color:var(--color-text-secondary);opacity:.4}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.detail-header-actions{flex-shrink:0;gap:6px;display:flex}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--text-sm);justify-content:center;align-items:center;padding:0;display:inline-flex}.stacked-form{gap:12px;display:grid}.form-actions{margin-top:var(--space-sm);flex-wrap:wrap;gap:8px;display:flex}.drawer-backdrop{z-index:40;background:#00000040;position:fixed;inset:0}.detail-drawer{background:var(--color-surface-raised);border-left:1px solid var(--color-border-raised);width:min(560px,92vw);box-shadow:var(--shadow-overlay);z-index:41;padding:var(--space-lg);animation:surface-slide-in .2s var(--ease-out-expo);position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (width<=1100px){.adaptive-layout.split{flex-direction:column}.adaptive-layout.split .list-panel,.adaptive-layout.split .detail-panel{flex:auto}.hide-on-narrow{display:none}}.vo-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.vo-header-context{flex-direction:column;gap:2px;display:flex}.vo-header-title{margin:0}.vo-header-actions{align-items:center;gap:var(--space-md);display:flex}.vo-stepper-phase{font-size:var(--text-label);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);margin:var(--space-md) 0 var(--space-sm)}.vo-stepper-phase:first-child{margin-top:0}.vo-stepper-row{gap:var(--space-md);display:flex}.vo-stepper-rail{flex-direction:column;align-items:center;display:flex}.vo-stepper-node{width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-surface-subtle);color:var(--color-text-secondary);border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vo-stepper-node.done{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.vo-stepper-node.current{background:var(--color-selected-bg);color:var(--color-accent);border-color:var(--color-accent)}.vo-stepper-node.current.exception{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-text)}.vo-stepper-connector{background:var(--color-border);flex:1;width:2px;min-height:12px}.vo-stepper-connector.done{background:var(--color-accent)}.vo-stepper-label{padding-bottom:var(--space-sm);min-height:26px;font-size:var(--text-xs);font-weight:var(--weight-medium);flex-direction:column;justify-content:center;display:flex}.vo-stepper-label.upcoming{color:var(--color-text-secondary)}.vo-stepper-label.current{font-weight:var(--weight-bold)}.vo-stepper-label.current.exception{color:var(--color-error-text)}.vo-stepper-current-tag{font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.vo-bucket-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.vo-bucket-grid{grid-template-columns:repeat(2,1fr)}}.vo-bucket-tile{text-align:left;padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;box-shadow:none;flex-direction:column;gap:2px;display:flex}.vo-bucket-top{justify-content:space-between;align-items:center;display:flex}.vo-bucket-dot{border-radius:50%;width:9px;height:9px}.vo-bucket-dot.critical,.vo-alert-dot.critical{background:var(--color-error-text)}.vo-bucket-dot.warning,.vo-alert-dot.warning{background:var(--color-warning-text)}.vo-bucket-dot.info,.vo-alert-dot.info{background:var(--color-info-text)}.vo-bucket-dot.success{background:var(--color-success-text)}.vo-bucket-count{font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.vo-bucket-count.zero{color:var(--color-text-secondary)}.vo-bucket-count.critical{color:var(--color-error-text)}.vo-bucket-count.warning{color:var(--color-warning-text)}.vo-bucket-count.info{color:var(--color-info-text)}.vo-bucket-count.success{color:var(--color-success-text)}.vo-bucket-label{font-weight:var(--weight-bold);font-size:var(--text-sm);margin-top:var(--space-sm)}.vo-bucket-hint{font-size:var(--text-xs)}.vo-alert-row{text-align:left;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;box-shadow:none;align-items:center;display:flex}.vo-bucket-tile:hover,.vo-alert-row:hover{background:var(--color-surface-subtle)}.vo-bucket-tile:active,.vo-alert-row:active{border-color:var(--color-accent)}.vo-bucket-tile:focus-visible,.vo-alert-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.vo-alert-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.vo-alert-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vo-alert-text{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.35}.vo-alert-meta{font-size:var(--text-xs)}.vo-kpi-grid{gap:var(--space-lg);margin-bottom:var(--space-20);grid-template-columns:repeat(4,1fr);display:grid}.vo-kpi{padding:var(--space-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);border-left:3px solid var(--color-accent)}.vo-kpi.critical{border-left-color:var(--color-error-text)}.vo-kpi.warning{border-left-color:var(--color-warning-text)}.vo-kpi-label{color:var(--color-text-secondary);font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.vo-kpi-hint{margin:var(--space-xs) 0 0;font-size:var(--text-xs)}.vo-kpi-value{margin:var(--space-sm) 0 0;font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.vo-risk-bar{border-radius:var(--radius-pill);background:var(--color-surface-subtle);flex:1;height:7px;overflow:hidden}.vo-risk-bar-fill{border-radius:var(--radius-pill);height:7px}.vo-risk-bar-fill.overdue{background:var(--color-error-text)}.vo-risk-bar-fill.at_risk{background:var(--color-warning-text)}.vo-risk-bar-fill.on_track{background:var(--color-accent)}.vo-fill-bar{border-radius:var(--radius-pill);background:var(--color-surface-subtle);width:64px;height:5px;overflow:hidden}.vo-fill-bar-fill{border-radius:var(--radius-pill);background:var(--color-success-text);height:5px}.vo-fill-bar-fill.low{background:var(--color-error-text)}.vo-fill-bar-fill.mid{background:var(--color-warning-text)}.dense .data-table td,.dense .data-table th{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.sidebar-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:1px var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-text-secondary);margin-left:auto}.sidebar-badge.critical{background:var(--color-error-bg);color:var(--color-error-text)}
