:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-primary:#1558d6;--color-brand-primary-hover:#1048b5;--color-brand-primary-active:#0d3d99;--color-brand-primary-tint:#eaf2ff;--color-bg-canvas:#f5f7fb;--color-bg-surface:#fff;--color-bg-surface-subtle:#f8fafc;--color-bg-sidebar:#082b58;--color-bg-sidebar-hover:#113a70;--color-bg-sidebar-active:#1558d6;--color-bg-overlay:#0f172a8c;--color-text-primary:#172033;--color-text-secondary:#5c667a;--color-text-muted:#7c879b;--color-text-on-brand:#fff;--color-text-on-sidebar:#dce9fb;--color-text-on-sidebar-muted:#93a9c9;--color-border-default:#dce2eb;--color-border-strong:#bbc5d3;--color-focus:#2f6fed;--color-success-bg:#e8f7ef;--color-success-text:#147a44;--color-warning-bg:#fff5d8;--color-warning-text:#8a5a00;--color-danger-bg:#fdecec;--color-danger-text:#b42318;--color-info-bg:#eaf2ff;--color-info-text:#175cd3;--color-neutral-bg:#eef1f6;--color-neutral-text:#475266;--shadow-sm:0 1px 2px #0f172a12;--shadow-md:0 8px 24px #0f172a1f;--shadow-lg:0 16px 40px #0f172a29;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-family-ui:Inter, Aptos, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:26px;--line-height-tight:1.25;--line-height-normal:1.5;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--motion-ease:cubic-bezier(.4, 0, .2, 1);--sidebar-width-expanded:270px;--sidebar-width-collapsed:72px;--topbar-height:60px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand-primary:#75a7ff;--color-brand-primary-hover:#91b8ff;--color-brand-primary-active:#acc9ff;--color-brand-primary-tint:#152f55;--color-bg-canvas:#111720;--color-bg-surface:#19212d;--color-bg-surface-subtle:#202a38;--color-bg-sidebar:#071d38;--color-bg-sidebar-hover:#0f2c50;--color-bg-sidebar-active:#1558d6;--color-bg-overlay:#000000ad;--color-text-primary:#f4f7fb;--color-text-secondary:#c3ccda;--color-text-muted:#96a2b4;--color-text-on-brand:#07152a;--color-text-on-sidebar:#eaf1fc;--color-text-on-sidebar-muted:#9bacc6;--color-border-default:#334052;--color-border-strong:#526176;--color-focus:#8bb4ff;--color-success-bg:#123827;--color-success-text:#70d7a2;--color-warning-bg:#43320f;--color-warning-text:#f4ca64;--color-danger-bg:#421d1d;--color-danger-text:#ff9d96;--color-info-bg:#152f55;--color-info-text:#9ec1ff;--color-neutral-bg:#232d3d;--color-neutral-text:#b6c0d1;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 10px 30px #00000061;--shadow-lg:0 20px 50px #00000073}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family-ui);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease);margin:0}button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:var(--font-size-lg)}button{font-size:inherit;cursor:pointer}a{color:var(--color-brand-primary);text-decoration:none}a:hover{color:var(--color-brand-primary-hover)}h1,h2,h3,h4{color:var(--color-text-primary);letter-spacing:-.01em;font-weight:700;line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:0 0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-width-expanded) 1fr;min-height:100vh;transition:grid-template-columns var(--motion-base) var(--motion-ease);display:grid}.app-shell.is-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.app-shell-main{flex-direction:column;grid-column:2;min-width:0;display:flex}.app-shell-content{padding:var(--space-6);flex:1;width:100%;max-width:1600px;margin:0 auto}.app-shell-footer{padding:var(--space-4) var(--space-6)}@media (width<=1100px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.app-shell-content{padding:var(--space-4)}}.sidebar{width:var(--sidebar-width-expanded);background:var(--color-bg-sidebar);color:var(--color-text-on-sidebar);z-index:20;transition:width var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);font-size:var(--font-size-lg);color:#fff;white-space:nowrap;font-weight:750;display:flex}.sidebar-brand-mark{border-radius:var(--radius-sm);background:var(--color-brand-primary);width:26px;height:26px;font-size:var(--font-size-sm);color:var(--color-text-on-brand);flex-shrink:0;place-items:center;font-weight:800;display:grid}.sidebar-nav{gap:var(--space-1);padding:0 var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-on-sidebar);text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;display:flex;overflow:hidden}.sidebar-item:hover{background:var(--color-bg-sidebar-hover);color:#fff}.sidebar-item.is-active{background:var(--color-bg-sidebar-active);color:#fff;font-weight:600}.sidebar-item-icon{flex-shrink:0;place-items:center;width:20px;display:grid}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar.is-collapsed .sidebar-item-label,.sidebar.is-collapsed .sidebar-brand-text,.sidebar.is-collapsed .sidebar-footer-text{display:none}.sidebar-footer{padding:var(--space-4);align-items:center;gap:var(--space-2);border-top:1px solid #ffffff26;margin-top:auto;display:flex}.sidebar-footer-text{min-width:0;overflow:hidden}.sidebar-footer-name{font-size:var(--font-size-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-footer-role{font-size:var(--font-size-xs);color:var(--color-text-on-sidebar-muted)}.sidebar-toggle{color:var(--color-text-on-sidebar-muted);padding:var(--space-2);border-radius:var(--radius-sm);margin:0 var(--space-2) var(--space-2);background:0 0;border:none;align-self:flex-end}.sidebar-toggle:hover{background:var(--color-bg-sidebar-hover);color:#fff}.sidebar-backdrop{background:var(--color-bg-overlay);z-index:19;display:none;position:fixed;inset:0}@media (width<=1100px){.sidebar{transform:translate(-100%);width:var(--sidebar-width-expanded)!important}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.is-mobile-open~.sidebar-backdrop,.sidebar-backdrop.is-visible{display:block}}.topbar{height:var(--topbar-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:15;display:flex;position:sticky;top:0}.topbar-menu-btn{color:var(--color-text-secondary);padding:var(--space-2);background:0 0;border:none;display:none}@media (width<=1100px){.topbar-menu-btn{display:inline-flex}}.search-input{flex:1;max-width:480px;position:relative}.search-input input{border:1px solid var(--color-border-default);background:var(--color-bg-surface-subtle);width:100%;color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-2) 36px}.search-input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.icon-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);height:36px;display:inline-flex;position:relative}.icon-button:hover{background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.icon-button.is-square{width:36px;padding:0}.badge-count{background:var(--color-danger-text);color:#fff;border-radius:var(--radius-full);place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;display:flex}.user-menu-trigger:hover{background:var(--color-bg-surface-subtle)}.user-menu-name{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;font-weight:600}.user-menu-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:left}.avatar{border-radius:var(--radius-full);background:var(--color-brand-primary-tint);width:32px;height:32px;color:var(--color-brand-primary);font-size:var(--font-size-sm);flex-shrink:0;place-items:center;font-weight:700;display:grid}.dropdown{display:inline-block;position:relative}.dropdown-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-md);padding:var(--space-2);z-index:30;position:absolute;top:calc(100% + 6px);right:0}.dropdown-panel.align-left{left:0;right:auto}.dropdown-item{align-items:center;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-bg-surface-subtle)}.dropdown-item.is-danger{color:var(--color-danger-text)}.dropdown-separator{background:var(--color-border-default);height:1px;margin:var(--space-2) 0}.breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);display:flex}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-brand-primary)}.breadcrumbs .current{color:var(--color-text-primary);font-weight:600}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-title{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header-subtitle{color:var(--color-text-secondary);margin-top:var(--space-1)}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tab-navigation{gap:var(--space-1);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--space-5);display:flex;overflow-x:auto}.tab-navigation-item{color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);white-space:nowrap;font-size:var(--font-size-md);background:0 0;border:none;border-bottom:2px solid #0000}.tab-navigation-item:hover{color:var(--color-text-primary)}.tab-navigation-item.is-active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);font-weight:650}.tab-navigation-count{margin-left:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs)}.filter-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-chip{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.filter-chip:hover{background:var(--color-bg-surface-subtle)}.filter-chip.is-active{background:var(--color-brand-primary-tint);border-color:var(--color-brand-primary);color:var(--color-brand-primary);font-weight:600}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-title{font-size:var(--font-size-lg)}.metric-card{gap:var(--space-2);flex-direction:column;display:flex}.metric-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metric-card-value{color:var(--color-text-primary);font-size:30px;font-weight:750;line-height:1}.metric-card-delta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.metric-card-delta.is-positive{color:var(--color-success-text)}.metric-card-delta.is-negative{color:var(--color-danger-text)}.info-card{gap:var(--space-1);flex-direction:column;display:flex}.key-value-list{row-gap:var(--space-3);column-gap:var(--space-3);font-size:var(--font-size-sm);grid-template-columns:minmax(120px,40%) 1fr;display:grid}.key-value-list .kv-row{display:contents}.key-value-list dt{color:var(--color-text-secondary)}.key-value-list dd{color:var(--color-text-primary);margin:0;font-weight:600}.summary-header{gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.summary-item{align-items:flex-start;gap:var(--space-2);display:flex}.summary-item-icon{color:var(--color-text-muted);margin-top:2px}.summary-item-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.summary-item-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:650}.status-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);white-space:nowrap;font-weight:650;display:inline-flex}.status-badge.tone-info{background:var(--color-info-bg);color:var(--color-info-text)}.status-badge.tone-success{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge.tone-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-badge.tone-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.status-badge.tone-neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.status-badge.tone-active{background:var(--color-brand-primary-tint);color:var(--color-brand-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);white-space:nowrap;height:38px;font-weight:600;display:inline-flex}.btn:hover{background:var(--color-bg-surface-subtle)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.variant-primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand)}.btn.variant-primary:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.btn.variant-secondary{background:var(--color-bg-surface)}.btn.variant-ghost{background:0 0;border-color:#0000}.btn.variant-ghost:hover{background:var(--color-bg-surface-subtle)}.btn.variant-danger{color:var(--color-danger-text);border-color:var(--color-danger-text);background:var(--color-bg-surface)}.btn.variant-danger:hover{background:var(--color-danger-bg)}.btn.size-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.data-table-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:auto hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.data-table th{text-align:left;font-size:var(--font-size-xs);text-transform:none;color:var(--color-text-secondary);background:var(--color-bg-surface-subtle);padding:var(--space-3) var(--space-4);white-space:nowrap;border-bottom:1px solid var(--color-border-default);font-weight:650}.data-table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);white-space:nowrap;color:var(--color-text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr.is-clickable:hover{background:var(--color-bg-surface-subtle);cursor:pointer}.data-table-link{font-weight:650}.data-table-cards{display:none}@media (width<=900px){.data-table-wrap.responsive-cards .data-table{display:none}.data-table-wrap.responsive-cards .data-table-cards{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.data-table-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.data-table-card-title{font-weight:700}.data-table-card-row{justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.data-table-card-row dt{color:var(--color-text-muted)}}.pagination{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-default);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.pagination-pages{align-items:center;gap:var(--space-1);display:flex}.pagination-page{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;width:30px;height:30px}.pagination-page:hover{background:var(--color-bg-surface-subtle)}.pagination-page.is-active{background:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:700}.filter-bar{align-items:center;gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-bar .search-input{max-width:360px}.filter-bar-spacer{margin-left:auto}.select-input{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);height:38px}.state-block{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--color-text-secondary);flex-direction:column;display:flex}.state-block-icon{color:var(--color-text-muted)}.state-block-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:650}.state-block-description{max-width:420px;font-size:var(--font-size-sm)}.state-block.is-error .state-block-icon{color:var(--color-danger-text)}.spinner{border:2.5px solid var(--color-border-default);border-top-color:var(--color-brand-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-alert{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);display:flex}.inline-alert.tone-info{background:var(--color-info-bg);color:var(--color-info-text)}.inline-alert.tone-success{background:var(--color-success-bg);color:var(--color-success-text)}.inline-alert.tone-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.inline-alert.tone-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.inline-alert-actions{gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.timeline{gap:var(--space-4);flex-direction:column;display:flex}.timeline-item{gap:var(--space-3);grid-template-columns:20px 1fr auto;align-items:start;display:grid}.timeline-dot{background:var(--color-border-strong);border-radius:50%;width:12px;height:12px;margin-top:4px}.timeline-dot.is-done{background:var(--color-success-text)}.timeline-dot.is-active{background:var(--color-brand-primary);box-shadow:0 0 0 4px var(--color-brand-primary-tint)}.timeline-dot.is-error{background:var(--color-danger-text)}.timeline-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.timeline-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.activity-feed{gap:var(--space-4);flex-direction:column;display:flex}.activity-item{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);flex-direction:column;gap:2px;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item-title{font-size:var(--font-size-sm)}.activity-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-stepper{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.form-stepper-step{border-top:3px solid var(--color-border-default);padding-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex:120px}.form-stepper-step.is-active,.form-stepper-step.is-done{border-top-color:var(--color-brand-primary);color:var(--color-text-primary);font-weight:600}.kanban-board{gap:var(--space-4);grid-template-columns:repeat(4,minmax(240px,1fr));display:grid;overflow-x:auto}.kanban-column{background:var(--color-bg-surface-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3);min-height:360px}.kanban-column-header{margin-bottom:var(--space-3);padding:0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.kanban-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column;display:flex}.kanban-card-title{font-weight:650;font-size:var(--font-size-sm)}.kanban-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=1100px){.kanban-board{grid-template-columns:repeat(2,minmax(220px,1fr))}}.overlay{background:var(--color-bg-overlay);z-index:50;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-surface);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:88vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:auto;display:flex;overflow:hidden}.modal.size-lg{max-width:780px}.modal-header,.drawer-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.modal-body,.drawer-body{padding:var(--space-5);overflow-y:auto}.modal-footer,.drawer-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-default);display:flex}.drawer{background:var(--color-bg-surface);width:100%;max-width:460px;height:100%;box-shadow:var(--shadow-lg);animation:slide-in var(--motion-base) var(--motion-ease);flex-direction:column;margin-left:auto;display:flex}.drawer.size-lg{max-width:720px}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.modal-close,.drawer-close{color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none}.modal-close:hover,.drawer-close:hover{background:var(--color-bg-surface-subtle);color:var(--color-text-primary)}.toast-viewport{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:60;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-left:4px solid var(--color-brand-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);animation:toast-in var(--motion-base) var(--motion-ease);display:flex}.toast.tone-success{border-left-color:var(--color-success-text)}.toast.tone-warning{border-left-color:var(--color-warning-text)}.toast.tone-danger{border-left-color:var(--color-danger-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.job-status-panel{gap:var(--space-3);flex-direction:column;display:flex}.job-status-row{align-items:center;gap:var(--space-3);display:flex}.job-status-text{font-size:var(--font-size-sm)}.progress-bar{border-radius:var(--radius-full);background:var(--color-border-default);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-brand-primary);border-radius:var(--radius-full);height:100%;transition:width var(--motion-slow) var(--motion-ease)}.form-field{gap:var(--space-1);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600}.form-field .required-mark{color:var(--color-danger-text);margin-left:2px}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.form-field textarea{resize:vertical;min-height:90px}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--color-danger-text)}.form-field-error{font-size:var(--font-size-xs);color:var(--color-danger-text)}.form-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-section{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.form-section-title{font-size:var(--font-size-md);font-weight:650}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.checkbox-row,.radio-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.file-upload{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-text-muted);background:var(--color-bg-surface-subtle)}.file-upload.is-dragging{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.validation-summary{border:1px solid var(--color-danger-text);background:var(--color-danger-bg);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-danger-text);font-size:var(--font-size-sm)}.validation-summary ul{margin:var(--space-2) 0 0;padding-left:18px}.viewer-frame{background:var(--color-bg-surface-subtle);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);min-height:420px;color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.donut-chart{border-radius:50%;width:168px;height:168px;margin:0 auto;position:relative}.donut-chart:after{content:attr(data-total);background:var(--color-bg-surface);font-size:var(--font-size-xl);color:var(--color-text-primary);border-radius:50%;place-items:center;font-weight:750;display:grid;position:absolute;inset:34px}.chart-legend{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.chart-legend-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chart-legend-label{color:var(--color-text-secondary);flex:1}.chart-legend-value{font-weight:650}.bar-chart{align-items:flex-end;gap:var(--space-3);height:180px;padding:var(--space-4) 0;display:flex}.bar-chart-col{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar-chart-bar{background:var(--color-brand-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.9;width:100%;max-width:36px}.bar-chart-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.gantt-row{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:90px 1fr;align-items:center;display:grid}.gantt-row-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.gantt-track{background:var(--color-bg-surface-subtle);border-radius:var(--radius-sm);height:22px;position:relative}.gantt-bar{background:var(--color-brand-primary);border-radius:var(--radius-sm);opacity:.85;position:absolute;top:2px;bottom:2px}.u-flex{display:flex}.u-flex-col{flex-direction:column;display:flex}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-justify-between{justify-content:space-between}.u-justify-end{justify-content:flex-end}.u-wrap{flex-wrap:wrap}.u-flex-1{flex:auto}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-gap-6{gap:var(--space-6)}.u-grid{gap:var(--space-4);display:grid}.u-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.u-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.u-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.u-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.u-grid-split{grid-template-columns:minmax(0,1fr) 380px}.u-text-muted{color:var(--color-text-muted)}.u-text-secondary{color:var(--color-text-secondary)}.u-text-danger{color:var(--color-danger-text)}.u-text-success{color:var(--color-success-text)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-xs{font-size:var(--font-size-xs)}.u-font-medium{font-weight:600}.u-font-bold{font-weight:700}.u-text-right{text-align:right}.u-text-center{text-align:center}.u-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-w-full{width:100%}.u-min-w-0{min-width:0}@media (width<=1100px){.u-grid-5,.u-grid-4,.u-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.u-grid-split{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.u-grid-2,.u-grid-3,.u-grid-4,.u-grid-5{grid-template-columns:minmax(0,1fr)}}.sa-footer{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sa-wordmark{letter-spacing:.03em;color:var(--color-text-muted);align-items:center;gap:7px;font-size:11.5px;font-weight:700;display:inline-flex}.sa-wordmark-dot{background:var(--color-brand-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sa-built-with{color:var(--color-text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.sa-built-with:hover{color:var(--color-text-primary)}.sa-panel{padding-bottom:4px}.sa-panel-intro{color:var(--color-text-primary);margin:0 0 16px;font-size:14px;line-height:1.55}.sa-meta-list{flex-direction:column;gap:0;margin:0 0 18px;display:flex}.sa-meta-row{border-bottom:1px solid var(--color-border-default);justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;display:flex}.sa-meta-row:last-child{border-bottom:none}.sa-meta-row dt{color:var(--color-text-muted)}.sa-meta-row dd{color:var(--color-text-primary);text-align:right;margin:0;font-weight:600}.sa-upcoming{background:var(--color-bg-canvas);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px}.sa-upcoming-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 6px;font-size:12px;font-weight:700}.sa-upcoming ul{color:var(--color-text-muted);margin:0;padding-left:18px;font-size:13.5px}.sa-upcoming li{margin-bottom:2px}.sa-copyright{color:var(--color-text-muted);text-align:center;margin:0 0 4px;font-size:12px}@media (width<=480px){.sa-footer{gap:10px}}