:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-surface-sunken:#fafbfc;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#14181f;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-primary:#4338ca;--color-primary-hover:#372aa8;--color-primary-tint:#eef0ff;--color-primary-ring:#4338ca29;--color-success-bg:#ecfdf3;--color-success-text:#067647;--color-success-border:#abefc6;--color-warning-bg:#fffaeb;--color-warning-text:#b54708;--color-warning-border:#fedf89;--color-danger-bg:#fef3f2;--color-danger-text:#b42318;--color-danger-border:#fecdca;--color-info-bg:#eff8ff;--color-info-text:#175cd3;--color-info-border:#b2ddff;--color-neutral-bg:#f2f4f7;--color-neutral-text:#475467;--color-neutral-border:#e4e7eb;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-full:999px;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 3px #10182812, 0 1px 2px #1018280a;--shadow-md:0 4px 12px #10182814, 0 2px 4px #1018280a;--shadow-lg:0 12px 32px #1018281f, 0 4px 8px #1018280a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{font-family:inherit}a{color:var(--color-primary)}::selection{background:var(--color-primary-ring)}.app-shell{min-height:100%;display:flex}.app-nav{background:var(--color-surface);border-right:1px solid var(--color-border);width:232px;padding:var(--space-6) var(--space-3);flex-direction:column;flex-shrink:0;gap:2px;display:flex}.app-nav__brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;margin-bottom:var(--space-6);padding:0 var(--space-2);color:var(--color-text);display:flex}.app-nav__brand-mark{background:linear-gradient(135deg, var(--color-primary), #7c6ef0);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:flex}.app-nav__section{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);padding:var(--space-4) var(--space-3) var(--space-1);font-weight:600}.app-nav__link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-base);padding:8px 10px;font-weight:500;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.app-nav__link svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.app-nav__link:hover{background:var(--color-surface-sunken);color:var(--color-text)}.app-nav__link.active{background:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.app-nav__link.active svg{opacity:1}.app-main{padding:var(--space-8) var(--space-10);flex:1;max-width:1180px}.app-topbar{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.app-topbar__context{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:320px;font-size:var(--text-base);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 10px center;padding:8px 12px 8px 34px;transition:border-color .12s,box-shadow .12s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}h1{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 4px;font-weight:700}h2{font-size:var(--text-md);margin:0 0 var(--space-3);font-weight:600}p.subtitle{color:var(--color-text-muted);margin:0 0 var(--space-6);font-size:var(--text-md)}.metric-row{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow .15s,transform .15s}.metric-tile:hover{box-shadow:var(--shadow-sm)}.metric-tile__icon{border-radius:var(--radius-sm);background:var(--color-primary-tint);width:30px;height:30px;color:var(--color-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.metric-tile__icon svg{width:16px;height:16px}.metric-tile--warn .metric-tile__icon{background:var(--color-warning-bg);color:var(--color-warning-text)}.metric-tile--danger .metric-tile__icon{background:var(--color-danger-bg);color:var(--color-danger-text)}.metric-tile__value{font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:700;line-height:1.1}.metric-tile__label{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:var(--space-5);margin-bottom:var(--space-5)}.card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 4px;border-bottom:1px solid var(--color-border);font-size:var(--text-base);border-radius:var(--radius-sm);margin:0 -4px;transition:background-color .12s;display:flex}.list-row:last-child{border-bottom:none}a.list-row,.list-row--clickable{cursor:pointer;color:inherit;text-decoration:none}.list-row--clickable:hover{background:var(--color-surface-sunken)}.list-row__title{align-items:center;gap:var(--space-2);font-weight:500;display:flex}.list-row__meta{color:var(--color-text-muted);font-size:var(--text-sm)}.list-row__end{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-neutral-bg);color:var(--color-neutral-text);border:1px solid var(--color-neutral-border);white-space:nowrap;align-items:center;gap:4px;padding:2px 9px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge--warn{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge--info{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.empty-state{text-align:center;color:var(--color-text-muted);font-size:var(--text-base);padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);background:var(--color-surface-sunken);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-faint);justify-content:center;align-items:center;display:flex}.empty-state__icon svg{width:20px;height:20px}.empty-state__title{color:var(--color-text);font-weight:600;font-size:var(--text-md)}.empty-state__hint{max-width:320px;font-size:var(--text-sm)}.button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:600;font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-xs);border:none;padding:8px 16px;transition:background-color .12s,box-shadow .12s,transform 60ms;display:inline-flex}.button svg{width:15px;height:15px}.button:hover{background:var(--color-primary-hover)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:none}.button--secondary:hover{background:var(--color-surface-sunken)}.button--ghost{color:var(--color-text-muted);box-shadow:none;background:0 0;border:none;padding:6px 10px}.button--ghost:hover{background:var(--color-surface-sunken);color:var(--color-text)}.field{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);padding:9px 11px;font-family:inherit;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.error-banner{align-items:center;gap:var(--space-2);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:var(--space-4);padding:10px 14px;font-weight:500;display:flex}.error-banner svg{flex-shrink:0;width:16px;height:16px}.toast-stack{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:1000;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);background:var(--color-text);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:var(--text-base);min-width:240px;max-width:380px;padding:12px 16px;font-weight:500;animation:.18s toast-in;display:flex}.toast svg{flex-shrink:0;width:16px;height:16px}.toast--success svg{color:#6ee7b7}.toast--error{background:var(--color-danger-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface-sunken) 25%, var(--color-border) 37%, var(--color-surface-sunken) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-row{border-radius:var(--radius-sm);height:44px;margin:0 -4px 1px}.login-screen{background:radial-gradient(circle at 15% 15%, var(--color-primary-tint), transparent 45%), var(--color-bg);justify-content:center;align-items:center;min-height:100%;display:flex}.login-card{width:400px;box-shadow:var(--shadow-lg)}