:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-text:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-disabled:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-subtle:#f3f4f6;--color-primary:#1f3a5f;--color-primary-hover:#182e4a;--color-primary-active:#142640;--color-primary-light:#e8edf5;--color-primary-text:#fff;--color-primary-ring:#1f3a5f2e;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-bg:#fee2e2;--color-danger-border:#fecaca;--color-danger-ring:#dc26262e;--color-danger-muted:#9f1239;--color-danger-muted-bg:#ffe4e6;--color-danger-muted-border:#fecdd3;--color-info:#2563eb;--color-info-bg:#dbeafe;--color-info-border:#bfdbfe;--status-gray-bg:#f3f4f6;--status-gray-fg:#4b5563;--status-gray-border:#e5e7eb;--status-blue-bg:#dbeafe;--status-blue-fg:#1e40af;--status-blue-border:#bfdbfe;--status-amber-bg:#fef3c7;--status-amber-fg:#92400e;--status-amber-border:#fde68a;--status-green-bg:#dcfce7;--status-green-fg:#166534;--status-green-border:#bbf7d0;--status-red-bg:#fee2e2;--status-red-fg:#991b1b;--status-red-border:#fecaca;--status-red-muted-bg:#ffe4e6;--status-red-muted-fg:#9f1239;--status-red-muted-border:#fecdd3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;--font-serif:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--radius-sm:2px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--shadow-sm:0 1px 2px 0 #1118270d;--shadow-md:0 4px 6px -1px #11182712, 0 2px 4px -2px #1118270a;--shadow-lg:0 10px 15px -3px #11182714, 0 4px 6px -4px #1118270a;--shadow-modal:0 20px 40px #11182733;--sidebar-width:240px;--sidebar-width-collapsed:64px;--topbar-height:56px;--z-sidebar:50;--z-topbar:60;--z-offline-banner:70;--z-modal-backdrop:1000;--z-modal:1010;--z-toast:1100;--transition-fast:.12s ease-out;--transition-base:.18s ease-out}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:-.01em;margin:0}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}p{margin:0}.container{max-width:1400px;padding:0 var(--space-5);margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.spinner{animation:.8s linear infinite spin}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-2);border-color:var(--color-text-muted);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-hover);border-color:var(--color-danger-hover);transform:translateY(-1px)}.btn-danger:focus-visible{box-shadow:0 0 0 3px var(--color-danger-ring)}.btn-ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-2);transform:translateY(-1px)}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--space-3);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;display:block}.textarea{height:auto;min-height:96px;padding:var(--space-3);line-height:var(--line-height-normal);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-disabled)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-2);color:var(--color-text-disabled);cursor:not-allowed}.input-invalid,.select-invalid,.textarea-invalid{border-color:var(--color-danger)}.input-invalid:focus,.select-invalid:focus,.textarea-invalid:focus{box-shadow:0 0 0 3px var(--color-danger-ring)}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.field-required{color:var(--color-danger);margin-left:2px}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.field-error{font-size:var(--font-size-xs);color:var(--color-danger);align-items:center;gap:var(--space-1);margin:0;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast) ease, box-shadow var(--transition-fast) ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-padded{padding:var(--space-5)}.section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.section-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:4px 0 0}.section-actions{gap:var(--space-2);flex-shrink:0;display:flex}.section-body{padding:var(--space-5)}.section-body-flush{padding:0}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;padding:2px 10px;line-height:20px;display:inline-flex}.status-gray{background:var(--status-gray-bg);color:var(--status-gray-fg);border-color:var(--status-gray-border)}.status-blue{background:var(--status-blue-bg);color:var(--status-blue-fg);border-color:var(--status-blue-border)}.status-amber{background:var(--status-amber-bg);color:var(--status-amber-fg);border-color:var(--status-amber-border)}.status-green{background:var(--status-green-bg);color:var(--status-green-fg);border-color:var(--status-green-border)}.status-red{background:var(--status-red-bg);color:var(--status-red-fg);border-color:var(--status-red-border)}.status-red-muted{background:var(--status-red-muted-bg);color:var(--status-red-muted-fg);border-color:var(--status-red-muted-border)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;align-items:center;display:flex}.empty-state-icon{background:var(--color-primary-light);width:64px;height:64px;color:var(--color-primary);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-5);max-width:480px;line-height:var(--line-height-normal)}.empty-state-action{gap:var(--space-3);display:flex}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border:1px solid #0000}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.toast-stack{top:var(--space-5);right:var(--space-5);gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in var(--transition-base);pointer-events:auto;border-left-width:4px;display:flex}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-message{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);word-break:break-word;flex:1}.toast-close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.toast-close:hover{color:var(--color-text);background:var(--color-surface-2);transform:scale(1.1)}.offline-banner{z-index:var(--z-offline-banner);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning-bg);color:var(--color-warning);border-bottom:1px solid var(--color-warning-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);display:flex;position:fixed;top:0;left:0;right:0}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sidebar);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle);color:inherit;flex-shrink:0;text-decoration:none;display:flex}.sidebar-brand:hover{text-decoration:none}.sidebar-logo{border-radius:var(--radius-md);background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-text);font-weight:700;font-size:var(--font-size-md);letter-spacing:-.02em;justify-content:center;align-items:center;font-family:Georgia,serif;display:flex}.sidebar-title{color:var(--color-text);letter-spacing:-.02em;font-family:Georgia,serif;font-size:1.2rem;font-weight:700}.sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.sidebar-link-active,.sidebar-link-active:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-link svg{flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.user-avatar{background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-text);font-weight:600;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex:1;min-width:0}.user-name{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-company{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-logout{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;width:100%;font-family:inherit;display:flex}.sidebar-logout:hover{background:var(--color-surface-2);color:var(--color-danger);border-color:var(--color-border-strong)}.app-content-wrapper{background:var(--color-bg);flex-direction:column;flex:1;min-width:0;display:flex}.app-content-wrapper>main.container{width:100%;max-width:none;padding:var(--space-8) var(--space-8);margin:0}.app-topbar{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.notification-bell-wrapper{position:relative}.notification-bell-button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex;position:relative}.notification-bell-button:hover{background:var(--color-surface-2)}.notification-bell-badge{background:var(--color-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{width:360px;max-width:calc(100vw - var(--space-5) * 2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:30;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #0f172a1f}.notification-dropdown-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-title{font-weight:700}.notification-dropdown-action{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0}.notification-dropdown-list{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.notification-dropdown-list li+li{border-top:1px solid var(--color-border)}.notification-item{text-align:left;width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;display:block}.notification-item:hover{background:var(--color-surface-2)}.notification-item-unread{background:#1f3a5f0a}.notification-item-title{margin-bottom:2px;font-weight:600}.notification-item-message{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:4px}.notification-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-dropdown-empty{padding:var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.notification-dropdown-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);text-align:center;background:var(--color-surface-2)}.notification-dropdown-link{font-size:var(--font-size-sm);color:var(--color-primary)}@media (width<=1024px){.app-sidebar{width:var(--sidebar-width-collapsed)}.sidebar-title,.user-info,.sidebar-link span,.sidebar-logout span{display:none}.sidebar-link,.sidebar-logout{justify-content:center}.sidebar-brand{padding:var(--space-4) var(--space-2);justify-content:center}.app-content-wrapper>main.container{padding:var(--space-6) var(--space-5)}}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-hero-actions{gap:var(--space-2);display:flex}.dashboard-hero-actions .btn{align-items:center;gap:var(--space-2);display:inline-flex}.dashboard-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard-main-row{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:2fr 1fr;display:grid}@media (width<=960px){.dashboard-main-row{grid-template-columns:1fr}}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-header-meta,.card-header-link{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.card-header-link{color:var(--color-primary);text-decoration:none}.card-header-link:hover{text-decoration:underline}.card-empty{padding:var(--space-5) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;background:var(--color-surface-2);border-radius:var(--radius-md);margin:0}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card-header{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.kpi-card-icon{border-radius:var(--radius-sm);background:var(--color-surface-2);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.kpi-card-primary .kpi-card-icon{color:var(--color-primary);background:#1f3a5f14}.kpi-card-success .kpi-card-icon{color:var(--color-success);background:#16a34a1a}.kpi-card-danger .kpi-card-icon{color:var(--color-danger);background:#dc26261a}.kpi-card-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600}.kpi-card-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:1.65rem;font-weight:700;line-height:1.1}.kpi-card-primary .kpi-card-value{color:var(--color-primary)}.kpi-card-danger .kpi-card-value{color:var(--color-danger)}.kpi-card-success .kpi-card-value{color:var(--color-success)}.kpi-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kpi-card-hint{color:var(--color-text-muted);font-size:var(--font-size-xs)}.kpi-card-trend{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.kpi-card-trend-pos{color:var(--color-success);background:#16a34a1a}.kpi-card-trend-neg{color:var(--color-danger);background:#dc26261a}.kpi-card-sparkline{margin-top:var(--space-2);width:100%;height:28px;color:var(--color-primary);opacity:.7}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-icon{width:32px;height:32px}.skeleton-text-sm{width:60%;height:12px;margin-top:var(--space-1)}.skeleton-text-xl{width:75%;height:28px;margin-top:var(--space-2)}.bar-chart-wrapper{gap:var(--space-3);height:240px;display:flex}.bar-chart-y-axis{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-bottom:22px;display:flex}.bar-chart-y-label{line-height:1}.bar-chart-body{flex-direction:column;flex:1;display:flex;position:relative}.bar-chart-gridlines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 22px}.bar-chart-gridlines>span{border-top:1px dashed var(--color-border)}.bar-chart-bars{align-items:flex-end;gap:var(--space-2);flex:1;padding-bottom:22px;display:flex;position:relative}.bar-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-chart-bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-chart-bar-fill{background:linear-gradient(180deg, var(--color-primary) 0%, #1f3a5fb3 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:70%;transition:height .3s}.bar-chart-col:hover .bar-chart-bar-fill{background:var(--color-primary);filter:brightness(1.1)}.bar-chart-x-label{font-size:var(--font-size-xs);color:var(--color-text-muted);position:absolute;bottom:0}.action-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.action-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;align-items:flex-start;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.action-item:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.action-item-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.action-item-body{flex-direction:column;min-width:0;display:flex}.action-item-title{font-weight:600;font-size:var(--font-size-sm)}.action-item-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.action-item-danger{border-left:3px solid var(--color-danger)}.action-item-danger .action-item-icon{color:var(--color-danger);background:#dc26261a}.action-item-warning{border-left:3px solid #d97706}.action-item-warning .action-item-icon{color:#d97706;background:#d977061a}.action-item-success{border-left:3px solid var(--color-success)}.action-item-success .action-item-icon{color:var(--color-success);background:#16a34a1a}.action-item-neutral{border-left:3px solid var(--color-border-strong)}.action-item-neutral .action-item-icon{background:var(--color-surface-2);color:var(--color-text-muted)}.recent-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recent-list li+li{border-top:1px solid var(--color-border-subtle)}.recent-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:inherit;text-decoration:none;display:flex}.recent-item:hover{background:var(--color-surface-2);margin:0 calc(var(--space-5) * -1);padding-left:var(--space-5);padding-right:var(--space-5)}.recent-item-primary{flex-direction:column;flex:1;min-width:0;display:flex}.recent-item-number{font-weight:600;font-size:var(--font-size-sm)}.recent-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-item-secondary{align-items:center;gap:var(--space-3);display:flex}.recent-item-amount{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--font-size-sm)}.secondary-stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.secondary-stat{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:flex-start;display:flex}.secondary-stat-icon{border-radius:var(--radius-sm);background:var(--color-surface-2);width:28px;height:28px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.secondary-stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:2px;display:block}.secondary-stat-value{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700;display:block}.secondary-stat-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.quick-actions-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.quick-action{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.quick-action:hover{background:var(--color-surface-2);border-color:var(--color-primary);transform:translateY(-1px)}.quick-action-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-primary);background:#1f3a5f14;justify-content:center;align-items:center;display:inline-flex}.list-toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.list-toolbar-form{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.data-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);text-align:left;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.data-table th.data-table-right,.data-table td.data-table-right{text-align:right}.data-table tbody td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);vertical-align:middle;border-bottom:1px solid var(--color-border-subtle)}.data-table tbody tr{cursor:pointer;transition:background-color var(--transition-fast) ease}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table tbody tr:last-child td{border-bottom:none}.data-table-num{font-variant-numeric:tabular-nums;font-weight:600}.data-table-strong{font-weight:600}.data-table-overdue{color:var(--color-danger);font-weight:500}.list-pagination{margin-top:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.list-pagination-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.table-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.table-skeleton-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));display:grid}.table-skeleton-row:last-child{border-bottom:none}.table-skeleton-cell{height:14px}