:root{--bg:#f3efe5;--bg-deep:#ede7da;--surface:#fbf8f1;--surface-raised:#fff;--ink:#211e19;--ink-soft:#413d35;--body:#5b554a;--muted:#978f7e;--hairline:#e0d9c8;--hairline-strong:#dad2c0;--accent:#b25a1f;--accent-deep:#a8412f;--green:#4a7256;--green-soft:#e6ebe0;--alert-bg:#f6e9e2;--warn-bg:#f4ecdc;--ok-bg:#e9eee3;--radius:10px;--radius-sm:7px;--shadow-card:0 1px 2px #211e190a, 0 8px 24px -16px #211e192e;--shadow-float:0 2px 4px #211e190d, 0 18px 40px -20px #211e1947}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--body);-webkit-font-smoothing:auto;font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.55}::selection{background:#b25a1f26}.serif{font-family:Newsreader,Georgia,serif}.mono{font-family:IBM Plex Mono,monospace}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}h1,h2,h3{color:var(--ink);letter-spacing:-.01em;font-family:Newsreader,Georgia,serif;font-weight:500;line-height:1.12}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#c9c1b0;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.app{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#c9bfa9;flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:26px 0;display:flex;position:sticky;top:0}.sidebar .wordmark{align-items:center;gap:11px;margin-bottom:4px;padding:0 24px;display:flex}.sidebar .wordmark .name{color:#fbf8f1;letter-spacing:-.01em;font-family:Newsreader,serif;font-size:22px;font-weight:600}.sidebar .portal-label{letter-spacing:.18em;text-transform:uppercase;color:#7e7869;margin:2px 0 26px;padding:0 24px;font-family:IBM Plex Mono,monospace;font-size:10px}.nav-section{letter-spacing:.18em;text-transform:uppercase;color:#6e675a;margin:18px 0 9px;padding:0 24px;font-family:IBM Plex Mono,monospace;font-size:10px}.nav-item{color:#c9bfa9;cursor:pointer;border-left:2px solid #0000;align-items:center;gap:12px;padding:9px 24px;font-size:13.5px;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fbf8f1;background:#fbf8f10d}.nav-item.active{color:#fbf8f1;border-left-color:var(--accent);background:#b25a1f1f}.nav-item .ico{opacity:.85;width:16px;height:16px}.sidebar .foot{border-top:1px solid #3a352c;align-items:center;gap:11px;margin-top:auto;padding:16px 24px 0;display:flex}.sidebar .foot .avatar{background:var(--accent);color:#fbf8f1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Newsreader,serif;font-size:14px;font-weight:600;display:flex}.sidebar .foot .who{color:#c9bfa9;font-size:12.5px;line-height:1.3}.sidebar .foot .who small{color:#7e7869;font-size:11px}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#f3efe5e6;justify-content:space-between;align-items:center;padding:22px 36px;display:flex;position:sticky;top:0}.topbar .live{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.topbar .live .dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 #4a725666}@keyframes pulse{0%{box-shadow:0 0 #4a725666}70%{box-shadow:0 0 0 7px #4a725600}to{box-shadow:0 0 #4a725600}}.page{max-width:1320px;padding:32px 36px 56px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 22px;transition:border-color .15s,box-shadow .15s,transform .15s}.kpi:hover{background:#f5eddf;border-color:#c9b8a2;transform:translateY(-2px);box-shadow:0 4px 16px #2c1f0c14}a.kpi{cursor:pointer;text-decoration:none;display:block}a.kpi:hover{background:#f5eddf;border-color:#b25a1f80}.kpi .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.kpi .value{color:var(--ink);font-family:Newsreader,serif;font-size:34px;font-weight:500;line-height:1}.kpi .value .unit{color:var(--muted);margin-left:4px;font-size:16px}.kpi .value.green{color:var(--green)}.kpi .value.alert{color:var(--accent-deep)}.kpi .sub{color:var(--muted);margin-top:8px;font-size:12px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.card .card-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card .card-head h3{font-size:17px}.grid-2{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:20px;display:grid}.range-select{letter-spacing:.04em;color:var(--body);background:var(--surface);border:1px solid var(--hairline-strong);cursor:pointer;border-radius:6px;padding:5px 9px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:border-color .15s}.range-select:hover{border-color:var(--accent)}.range-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b25a1f22}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);cursor:pointer;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--bg-deep)}.conn-row{border-bottom:1px solid var(--hairline);align-items:center;gap:16px;padding:16px 22px;display:flex}.conn-row:last-child{border-bottom:none}.conn-mark{background:var(--ink);color:#fbf8f1;letter-spacing:.02em;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;display:flex}.conn-mark.muted{background:var(--hairline-strong);color:var(--muted)}.conn-body{flex:1}.conn-name{color:var(--ink);font-size:14.5px;font-weight:600}.conn-meta{color:var(--muted);margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.conn-stat{align-items:center;gap:12px;display:flex}.conn-count{color:var(--body);font-family:IBM Plex Mono,monospace;font-size:12.5px}.site-head{border-bottom:1px solid var(--hairline);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-template-columns:2fr 1fr 1fr 1.2fr 1fr;gap:16px;padding:14px 22px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:grid}.site-table-row{border-bottom:1px solid var(--hairline);cursor:pointer;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr;align-items:center;gap:16px;padding:15px 22px;transition:background .14s;display:grid}.site-table-row:last-child{border-bottom:none}.site-table-row:hover{background:#fff}.site-table-row .name{color:var(--ink);font-size:14.5px;font-weight:500}.site-table-row .cell{color:var(--body);font-size:13px}.site-table-row .cell.mono{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.alert-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;padding:16px 22px;display:grid}.alert-grid .alert-box{margin:0}.site-grid{grid-template-columns:1fr 1fr;display:grid}.site-grid .site-row:nth-child(odd){border-right:1px solid var(--hairline)}.site-row{border-bottom:1px solid var(--hairline);cursor:default;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:15px 22px;transition:background .14s;display:grid}.site-row:last-child{border-bottom:none}.site-row:hover{background:#fff}.site-row .name{color:var(--ink);font-size:14.5px;font-weight:500}.site-row .meta{color:var(--muted);margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:11px}.site-row .meta.fault{color:var(--accent-deep)}.spark{width:90px;height:26px}.pr{text-align:right;min-width:48px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.pr.ok{color:var(--green)}.pr.warn{color:var(--accent)}.pr.bad{color:var(--accent-deep)}.alert-box{background:var(--alert-bg);border:1px solid #e6c9bc;border-left:3px solid var(--accent-deep);border-radius:var(--radius-sm);margin:14px 22px;padding:16px 18px}.alert-box .when{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.alert-box .what{color:var(--ink-soft);font-size:13.5px;line-height:1.5}.alert-empty{color:var(--muted);text-align:center;padding:26px 22px;font-size:13px}.chip{letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.chip.ok{background:var(--ok-bg);color:var(--green)}.chip.bad{background:var(--alert-bg);color:var(--accent-deep)}.chip.warn{color:#b25a1f;background:#fff3e0}.chip.muted{color:#7a7062;background:#f0ede6}.login-wrap{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{background:var(--ink);color:#c9bfa9;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px;display:flex;position:relative;overflow:hidden}.login-brand .wordmark{position:absolute;top:48px;left:50%;transform:translate(-50%)}.login-brand .foot{position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.login-brand .glow{pointer-events:none;background:radial-gradient(circle,#b25a1f33,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-80px;right:-80px}.login-brand .wordmark{align-items:center;gap:12px;display:flex}.login-brand .wordmark .name{color:#fbf8f1;font-family:Newsreader,serif;font-size:24px}.login-brand .pitch{max-width:440px}.login-brand .pitch .eyebrow{color:var(--accent);margin-bottom:18px}.login-brand .pitch h2{color:#fbf8f1;margin-bottom:18px;font-size:38px;line-height:1.15}.login-brand .pitch h2 em{color:var(--accent);font-style:italic}.login-brand .pitch p{color:#a89f8c;font-size:15px;line-height:1.6}.login-brand .features{text-align:left;flex-direction:column;gap:15px;max-width:360px;margin:30px auto 0;display:flex}.login-brand .feat{align-items:flex-start;gap:12px;display:flex}.login-brand .feat-tick{flex-shrink:0;margin-top:2px}.login-brand .feat-text strong{color:#f5eddf;font-size:14px;font-weight:600;display:block}.login-brand .feat-text span{color:#a89f8c;font-size:13px;line-height:1.45}.login-brand .foot{color:#6e675a;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:11px}.login-form-side{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:380px}.login-card h1{margin-bottom:8px;font-size:28px}.login-card .lead{color:var(--muted);margin-bottom:30px;font-size:14px}.field{margin-bottom:16px}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:block}.field input{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);width:100%;color:var(--ink);padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b25a1f22}.btn-primary{background:var(--accent);color:#fbf8f1;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;border:none;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform 50ms}.btn-primary:hover{background:#9c4d18}.btn-primary:active{transform:translateY(1px)}.login-hint{color:var(--muted);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.login-hint code{background:var(--bg-deep);color:var(--ink-soft);border-radius:4px;padding:2px 6px;font-family:IBM Plex Mono,monospace}@media (max-width:900px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr!important}.site-grid{grid-template-columns:1fr}.site-grid .site-row:nth-child(odd){border-right:none}.sidebar{display:none}}