:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e4e7eb;--color-text:#1a1d21;--color-text-muted:#6b7280;--color-primary:#1f4ed8;--color-primary-hover:#1a3fb8;--color-danger:#b42318;--color-success:#067647;--radius:10px;--shadow-sm:0 1px 2px #1018280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font-family:inherit}.app-shell{min-height:100%;display:flex}.app-nav{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:24px 16px;display:flex}.app-nav__brand{letter-spacing:-.01em;margin-bottom:24px;padding:0 8px;font-size:1.1rem;font-weight:700}.app-nav__link{color:var(--color-text-muted);border-radius:8px;padding:9px 10px;font-size:.92rem;font-weight:500;text-decoration:none}.app-nav__link:hover{background:var(--color-bg);color:var(--color-text)}.app-nav__link.active{color:var(--color-primary);background:#eef2ff}.app-main{flex:1;max-width:1100px;padding:32px 40px}.app-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.app-topbar__context{color:var(--color-text-muted);font-size:.85rem}.search-input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;width:320px;padding:8px 12px;font-size:.9rem}h1{margin:0 0 4px;font-size:1.5rem;font-weight:700}h2{margin:0 0 12px;font-size:1.05rem;font-weight:600}p.subtitle{color:var(--color-text-muted);margin:0 0 24px;font-size:.95rem}.metric-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px;display:grid}.metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px}.metric-tile__value{font-size:1.6rem;font-weight:700;line-height:1.1}.metric-tile__label{color:var(--color-text-muted);margin-top:4px;font-size:.82rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 22px}.list-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:.92rem;display:flex}.list-row:last-child{border-bottom:none}.badge{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge--warn{color:#b54708;background:#fff4e5;border-color:#fedf89}.empty-state{color:var(--color-text-muted);padding:8px 0;font-size:.88rem}.button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600}.button:hover{background:var(--color-primary-hover)}.button--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover{background:var(--color-bg)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.field input,.field select{border:1px solid var(--color-border);border-radius:8px;padding:9px 11px;font-size:.92rem}.error-banner{color:var(--color-danger);background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.88rem}.login-screen{justify-content:center;align-items:center;min-height:100%;display:flex}.login-card{width:380px}