:root{color-scheme:dark;--kyd-bg:#121b21;--kyd-panel:#1b2932;--kyd-text:#eef2ef;--kyd-muted:#a6b6bc;--kyd-accent:#a7ddd1}
body[data-page=portal]{margin:0;background:var(--kyd-bg);color:var(--kyd-text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
.kyd-topbar{box-sizing:border-box;display:flex;align-items:center;gap:24px;padding:12px 28px;min-height:52px;background:#14222a;color:var(--kyd-text);border-bottom:1px solid #34434b;font:13px Segoe UI,Arial,sans-serif}
.kyd-topbar a{color:#d4dedf;text-decoration:none}.kyd-topbar .kyd-brand{font-weight:700;letter-spacing:.1em;color:var(--kyd-accent)}.kyd-account{margin-left:auto;color:var(--kyd-muted)}.kyd-sync{color:var(--kyd-muted);font-size:11px}
.kyd-dashboard{max-width:1120px;margin:auto;padding:72px 32px}.kyd-intro{margin-bottom:48px}.kyd-intro h1{font-weight:500;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;margin:18px 0}.kyd-intro p,.kyd-card p{color:var(--kyd-muted);line-height:1.7;max-width:420px}
.kyd-eyebrow{color:var(--kyd-accent);font:11px Segoe UI,Arial,sans-serif;letter-spacing:.16em}.kyd-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.kyd-card{padding:34px;border:1px solid #3b4d55;border-radius:8px;background:var(--kyd-panel)}.kyd-tool{background:linear-gradient(120deg,#243e43,#1b2932)}.kyd-card h2{font-size:27px;font-weight:500;margin:24px 0 10px}.kyd-card p{min-height:64px}.kyd-button{display:inline-block;border:1px solid #a7ddd1;border-radius:5px;background:var(--kyd-accent);color:#102c2b;font:600 14px Segoe UI,Arial,sans-serif;padding:12px 18px;cursor:pointer;text-decoration:none}.kyd-button:disabled{opacity:.55;cursor:wait}.kyd-text-button{background:none;color:inherit;border:0;text-decoration:underline;cursor:pointer;font:inherit;padding:4px 6px}.kyd-badge{display:inline-block;border:1px solid #658a77;color:#c4eacb;border-radius:20px;padding:6px 12px;font-size:12px}
.kyd-welcome{box-sizing:border-box;max-width:500px;margin:9vh auto;padding:38px;background:#1b2932;color:#eef2ef;border:1px solid #3b4d55;border-radius:8px;font:16px Segoe UI,Arial,sans-serif}.kyd-welcome h1{font-size:32px;font-weight:500}.kyd-welcome p{line-height:1.6;color:#a6b6bc}.kyd-welcome .cl-rootBox{margin-top:26px}
.kyd-error{position:fixed;z-index:99999;bottom:20px;left:20px;right:20px;max-width:650px;padding:16px;background:#5a3030;color:white;border-radius:6px;font:14px Segoe UI,Arial,sans-serif}
.kyd-recovery{position:fixed;z-index:99999;inset:0;background:#14222af5;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;font:16px Segoe UI,Arial,sans-serif}.kyd-recovery p{max-width:600px}
@media(max-width:720px){.kyd-topbar{gap:12px;padding:12px}.kyd-account{max-width:145px;overflow:hidden;text-overflow:ellipsis}.kyd-dashboard{padding:36px 20px}.kyd-grid{grid-template-columns:1fr}.kyd-card{padding:26px}.kyd-welcome{margin:40px 16px}.kyd-sync{display:none}}

body[data-page=navstation]{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--kyd-bg)}
body[data-page=navstation]>.kyd-topbar{flex:none}
body[data-page=navstation]>#root{flex:1;height:0;min-height:0;min-width:0}
body[data-page=navstation] .main-layout{height:100%;min-height:0}