:root{--ernu-navy-900:#0b2140;--ernu-navy-800:#12315c;--ernu-navy:#1f3a6b;--ernu-blue:#2563eb;--ernu-blue-600:#1d4ed8;--ernu-green:#16a34a;--ernu-amber:#d97706;--ernu-red:#dc2626;--ernu-bg:#f4f6fb;--ernu-surface:#fff;--ernu-ink:#0f172a;--ernu-muted:#64748b;--ernu-line:#e2e8f0;--ernu-radius-sm:10px;--ernu-radius-md:14px;--ernu-radius-lg:18px;--ernu-shadow:0 1px 2px #0f172a0f, 0 8px 24px -12px #0f172a2e;color:var(--ernu-ink);background:var(--ernu-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg, var(--ernu-navy-900) 0%, var(--ernu-navy-800) 100%);color:#fff;width:264px;padding:24px 16px}.brand{letter-spacing:.04em;color:#fff;align-items:center;gap:10px;margin-bottom:28px;font-size:20px;font-weight:800;display:flex}.brand:before{content:"";background:linear-gradient(180deg, var(--ernu-blue) 0%, var(--ernu-green) 100%);border-radius:3px;width:12px;height:22px;display:inline-block}.nav-link{color:#c7d2e4;border-radius:var(--ernu-radius-sm);margin-bottom:4px;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{background:var(--ernu-blue);color:#fff;font-weight:600}.content{flex:1;padding:28px}.topbar{background:var(--ernu-surface);border-radius:var(--ernu-radius-md);box-shadow:var(--ernu-shadow);border:1px solid var(--ernu-line);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex}h1{color:var(--ernu-navy-800);margin:0 0 8px;font-weight:800}h2{color:var(--ernu-navy);margin-top:28px;font-weight:700}.page-intro{color:var(--ernu-muted);margin-bottom:20px}.primary-button{background:var(--ernu-blue);color:#fff;border-radius:var(--ernu-radius-sm);cursor:pointer;border:none;padding:9px 14px;font-weight:700;transition:background .15s}.primary-button:hover{background:var(--ernu-blue-600)}.primary-button:disabled{cursor:not-allowed;background:#9db4e8}.secondary-button{border:1px solid var(--ernu-line);color:var(--ernu-navy-800);border-radius:var(--ernu-radius-sm);cursor:pointer;background:#fff;padding:8px 12px;font-weight:600}.secondary-button:hover{border-color:var(--ernu-blue);color:var(--ernu-blue)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.placeholder-panel,.form-section{background:var(--ernu-surface);border-radius:var(--ernu-radius-md);box-shadow:var(--ernu-shadow);border:1px solid var(--ernu-line);padding:20px}.metric-label{color:var(--ernu-muted);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:600}.metric-value{color:var(--ernu-navy-800);margin-top:8px;font-size:30px;font-weight:800}.metric-hint{color:var(--ernu-muted);margin-top:6px;font-size:13px}.data-table{border-collapse:collapse;background:var(--ernu-surface);border-radius:var(--ernu-radius-md);width:100%;box-shadow:var(--ernu-shadow);border:1px solid var(--ernu-line);overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--ernu-line);padding:12px 14px}.data-table th{color:var(--ernu-navy);text-transform:uppercase;letter-spacing:.03em;background:#f1f5fb;font-size:13px;font-weight:700}.data-table tr:last-child td{border-bottom:none}.placeholder-panel{color:var(--ernu-muted);border:1px dashed #b6c2d9}.filter-bar{background:var(--ernu-surface);border-radius:var(--ernu-radius-md);box-shadow:var(--ernu-shadow);border:1px solid var(--ernu-line);align-items:end;gap:12px;margin-bottom:16px;padding:16px;display:flex}.filter-bar label{color:var(--ernu-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--ernu-line);border-radius:var(--ernu-radius-sm);min-width:200px;padding:9px 11px}.filter-bar input:focus,.filter-bar select:focus,.form-field input:focus{outline:2px solid var(--ernu-blue);outline-offset:1px;border-color:var(--ernu-blue)}.filter-bar input{min-width:280px}.form-section h2{margin-top:0}.form-section p{color:var(--ernu-muted);font-size:14px}.form-grid{flex-direction:column;gap:10px;display:flex}.form-field{color:#334155;flex-direction:column;gap:5px;font-size:13px;display:flex}.form-field input{border:1px solid var(--ernu-line);border-radius:var(--ernu-radius-sm);padding:9px 11px}.checkbox-label{align-items:center;padding-bottom:8px;flex-direction:row!important;gap:8px!important}.api-state{color:var(--ernu-navy-800);border-radius:var(--ernu-radius-sm);background:#eef3ff;border:1px solid #b9ccf7;margin-bottom:14px;padding:12px 14px}.error-state{color:#991b1b;background:#fef2f2;border:1px solid #fba5a5;justify-content:space-between;align-items:center;gap:12px;display:flex}.success-state{color:#065f46;background:#ecfdf5;border:1px solid #7ce0ad}.auth-mode{color:var(--ernu-muted);font-size:13px}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-ok{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-critical{color:#991b1b;background:#fee2e2}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width<=1100px){.admin-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{flex-direction:column}.sidebar{width:100%}.metric-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}