:root{--bg-0: #07090d;--bg-1: #0a0e14;--bg-2: #11161f;--bg-3: #161c27;--bg-elev: #1a2230;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .12);--text: #e6ecf3;--text-soft: #aab4c4;--text-mute: #6e7a8c;--cyan: #00e5ff;--cyan-soft: #5af3ff;--cyan-glow: rgba(0, 229, 255, .35);--gold: #d4a657;--gold-soft: #ecc681;--gold-glow: rgba(212, 166, 87, .28);--danger: #ff5a78;--warn: #ffb84d;--ok: #4ade80;--sidebar-w: 248px;--topbar-h: 64px;--radius: 14px;--radius-sm: 10px;--shadow-cyan: 0 0 0 1px rgba(0, 229, 255, .15), 0 8px 28px -10px rgba(0, 229, 255, .18);--shadow-gold: 0 0 0 1px rgba(212, 166, 87, .18), 0 8px 28px -10px rgba(212, 166, 87, .22);--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 10px 30px -18px rgba(0, 0, 0, .8);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 80% -10%,rgba(0,229,255,.08),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(212,166,87,.06),transparent 60%),var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--cyan-soft)}code{font-family:JetBrains Mono,ui-monospace,monospace;background:#00e5ff14;border:1px solid rgba(0,229,255,.15);padding:1px 6px;border-radius:6px;font-size:.9em;color:var(--cyan-soft)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-main{display:flex;flex-direction:column;min-width:0}.app-content{padding:28px 36px 48px;flex:1}.sidebar{background:linear-gradient(180deg,var(--bg-1) 0%,#050709 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px 18px;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:6px 10px 22px;border-bottom:1px solid var(--line);margin-bottom:14px}.sidebar__logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:22px;color:var(--gold);background:linear-gradient(135deg,#d4a6572e,#00e5ff1f);border:1px solid rgba(212,166,87,.35);box-shadow:0 0 18px #d4a65733}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1}.sidebar__title{font-weight:700;letter-spacing:.3px}.sidebar__subtitle{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold-soft);margin-top:2px}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-soft);border-radius:var(--radius-sm);font-size:14px;font-weight:500;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.sidebar__link:hover{background:#ffffff08;color:var(--text)}.sidebar__link--active{background:linear-gradient(90deg,#00e5ff1a,#00e5ff00);color:var(--cyan-soft);border-color:#00e5ff40;box-shadow:inset 2px 0 0 var(--cyan)}.sidebar__icon{width:22px;text-align:center;color:var(--cyan);opacity:.85}.sidebar__footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.sidebar__version{font-size:11px;color:var(--text-mute);letter-spacing:.5px}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#0a0e1499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar__title{font-size:16px;margin:0;font-weight:600}.topbar__crumb{display:block;font-size:12px;color:var(--text-mute);margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text-soft);text-transform:uppercase;letter-spacing:1px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-mute);box-shadow:0 0 0 4px #ffffff0a}.status-pill--online{color:#b6ffd9;border-color:#4ade8059}.status-pill--online .status-dot{background:var(--ok);box-shadow:0 0 0 4px #4ade802e}.status-pill--offline{color:#ffcad4;border-color:#ff5a7866}.status-pill--offline .status-dot{background:var(--danger);box-shadow:0 0 0 4px #ff5a782e}.status-pill--loading .status-dot{background:var(--cyan);box-shadow:0 0 0 4px var(--cyan-glow)}.page__header{margin-bottom:28px}.page__eyebrow{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--gold-soft);margin-bottom:10px}.page__title{font-size:32px;margin:0 0 10px;font-weight:700;letter-spacing:-.5px}.page__lead{color:var(--text-soft);max-width:720px;line-height:1.55}.accent-cyan{color:var(--cyan-soft)}.accent-gold{background:linear-gradient(90deg,var(--gold),var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.cards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{position:relative;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s ease,border-color .2s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 40%)}.card:hover{transform:translateY(-2px)}.card--cyan{border-color:#00e5ff2e;box-shadow:var(--shadow-cyan),var(--shadow-card)}.card--cyan:hover{border-color:#00e5ff66}.card--gold{border-color:#d4a65738;box-shadow:var(--shadow-gold),var(--shadow-card)}.card--gold:hover{border-color:#d4a65773}.card__eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);font-weight:700}.card--gold .card__eyebrow{color:var(--gold-soft)}.card__title{margin:6px 0 12px;font-size:18px;font-weight:600}.card__body{color:var(--text-soft);line-height:1.55;font-size:14px}.card__body p{margin:0 0 10px}.meta-list{list-style:none;padding:0;margin:10px 0 14px;border-top:1px dashed var(--line-strong)}.meta-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}.meta-list li span{color:var(--text-mute)}.meta-list li strong{color:var(--text);font-weight:600}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:6px 0 6px 22px;font-size:13px;color:var(--text-soft)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}.btn--ghost{background:#00e5ff14;color:var(--cyan-soft);border:1px solid rgba(0,229,255,.25)}.btn--ghost:hover{background:#00e5ff26;box-shadow:0 0 0 4px #00e5ff14}.btn:active{transform:translateY(1px)}.status-text--online{color:var(--ok)}.status-text--offline{color:var(--danger)}.status-text--loading{color:var(--cyan)}.error-text{color:var(--danger);font-size:13px}.link{color:var(--cyan-soft);border-bottom:1px dashed rgba(0,229,255,.5)}.placeholder-box{position:relative;padding:60px 30px;text-align:center;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--text-soft);overflow:hidden}.placeholder-box__glow{position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,229,255,.18),transparent 60%);pointer-events:none}@media (max-width: 900px){:root{--sidebar-w: 72px}.sidebar__brand-text,.sidebar__link span:last-child,.sidebar__version{display:none}.sidebar__brand{justify-content:center;padding:6px 0 22px}.sidebar__link{justify-content:center;padding:12px 0}.app-content{padding:20px}.topbar{padding:0 20px}.page__title{font-size:24px}}