:root{--bg:#ffffff;--surface:#ffffff;--sidebar-bg:#ffffff;--text-main:#000000;--text-body:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-subtle:#f1f5f9;--pill-bg:#fffaf5;--pill-border:#fed7aa;--pill-text:#9a3412;--font-logo:"Outfit",sans-serif;--font-sans:"Plus Jakarta Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex}.sidebar{width:270px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:40}.sidebar-header{padding:32px 28px 24px;border-bottom:1px solid var(--border-subtle)}.brand-wordmark{font-family:var(--font-logo);font-size:27px;font-weight:600;letter-spacing:-.01em;color:#000000;line-height:1;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portal-subtitle{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:10px;display:block}.nav-list{padding:20px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-body);border:none;background:transparent;cursor:pointer;text-align:left;transition:all .15s ease;text-decoration:none}.nav-item:hover{background:#f8fafc;color:#000000}.nav-item.active{background:#000000;color:#ffffff;font-weight:700}.nav-item svg{stroke:currentColor}.sidebar-footer{padding:18px 20px;border-top:1px solid var(--border-subtle);font-size:12px;background:#fafafa}.main-wrapper{flex:1 1;display:flex;flex-direction:column;min-width:0;background:#ffffff}.top-glow-hero{background:radial-gradient(circle at 50% -30%,#fef3c7 0,#fffbeb 35%,#ffffff 85%);border-bottom:1px solid var(--border-subtle);padding:44px 48px 32px}.hero-title{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#000000;max-width:820px}.hero-sub{font-size:15px;color:var(--text-body);line-height:1.6;margin-top:10px;max-width:720px}.category-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;display:block}.content-area{padding:44px 48px;max-width:1280px;width:100%;gap:36px}.content-area,.nostavia-card{display:flex;flex-direction:column}.nostavia-card{background:#ffffff;border:1px solid var(--border);border-radius:6px;padding:30px;justify-content:space-between;transition:all .15s ease}.nostavia-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px rgba(0,0,0,.03)}.icon-box{width:38px;height:38px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:#ffffff;color:#000000}.pill-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.btn-black{background:#000000;color:#ffffff;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:11px 22px;border-radius:4px;border:none;cursor:pointer;transition:opacity .15s ease}.btn-black:hover{opacity:.9}.btn-sec{background:#ffffff;color:#000000;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px;border-radius:4px;border:1px solid var(--border);cursor:pointer}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.code-editor{font-family:var(--font-mono);background:#000000;color:#f8fafc;padding:16px;border-radius:6px;font-size:12.5px;line-height:1.5;border:1px solid #1e293b;resize:vertical}table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}th{background:#fafafa;padding:12px 16px;color:var(--text-muted);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}td,th{border-bottom:1px solid var(--border)}td{padding:16px;color:#1e293b}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-top:6px}.stat-sub{color:#10b981;font-weight:700}.stat-sub,.stat-sub-muted{font-size:12px;margin-top:4px}.stat-sub-muted{color:var(--text-muted)}.section-heading{font-size:26px;font-weight:800;letter-spacing:-.03em}.card-heading{font-size:17px;font-weight:800;margin-bottom:12px}.pill-ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.pill-neutral{background:#f1f5f9;border-color:#cbd5e1;color:var(--text-muted)}.empty-row td{color:var(--text-muted);font-style:italic}.login-body{display:flex;min-height:100vh;width:100%}.login-brand{flex:1 1;position:relative;border-right:1px solid var(--border-subtle);overflow:hidden;background:#f1f5f9}.login-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}@media (max-width:900px){.login-brand{display:none}}.login-form-side{flex:1 1;display:flex;align-items:center;justify-content:center;padding:48px}.login-input{width:100%;padding:11px 14px;border-radius:6px;border:1px solid var(--border);font-size:14px;outline:none;font-family:var(--font-sans);background:#ffffff;color:var(--text-main)}.login-input:focus{border-color:#000000}.login-label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--text-muted)}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c}.login-error,.login-note{padding:12px 14px;font-size:13px;font-weight:600}.login-note{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46}.card{background:#ffffff;border:1px solid var(--border);border-radius:6px;padding:30px;transition:all .15s ease}.card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px rgba(0,0,0,.03)}.btn-primary{background:#000000;color:#ffffff;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:11px 22px;border-radius:4px;border:none;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:opacity .15s ease}.btn-primary:hover{opacity:.9}.btn-secondary{background:#ffffff;color:#000000;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px;border-radius:4px;border:1px solid var(--border);cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.badge-active{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.badge-warning{background:#fffaf5;border-color:#fed7aa;color:#9a3412}.badge-inactive{background:#f1f5f9;border-color:#cbd5e1;color:var(--text-muted)}.code-block{background:#fafafa;border:1px solid var(--border);border-radius:6px;padding:18px;font-family:var(--font-mono);font-size:12.5px;color:#1e293b;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.btn-danger{background:#dc2626;color:#ffffff;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px;border-radius:4px;border:none;cursor:pointer;text-align:center;text-decoration:none;display:block}