:root{color-scheme:light;--ink:#0b1628;--muted:#5b6d85;--teal:#007e91;--line:#e0e8f1;--bg:#f6f8fb;--nav:#040914;--surface:#fff;--subtle:#f0f5f9;--accent:#00d9ed;--accent-ink:#03151e;--soft:#e1f8fc;--soft-ink:#006879;--warn-bg:#fff3d9;--warn-ink:#785719;--error-bg:#ffeded;--error-ink:#a23737;--hero-bg:#070f20;--hero-ink:#f6f9ff;--hero-muted:#b5c4da;--nav-muted:#a6b8d0;--shadow:#04091426}
:root[data-theme=dark]{color-scheme:dark;--ink:#f0f5ff;--muted:#acbbd1;--teal:#00d9ed;--line:#20304a;--bg:#0a1222;--nav:#040914;--surface:#111e33;--subtle:#0c172a;--accent:#00d9ed;--accent-ink:#03151e;--soft:#07323f;--soft-ink:#80eafa;--warn-bg:#3c321b;--warn-ink:#f0d292;--error-bg:#49272c;--error-ink:#ffb7bb;--hero-bg:#050c19;--hero-ink:#f6f9ff;--hero-muted:#b5c4da;--nav-muted:#a6b8d0;--shadow:#0006}
header,.panel,.stat,.quick,.btn,.activity,dialog{background:var(--surface);color:var(--ink)}
header .brand{color:var(--ink)}
.result-resource{margin-top:24px}.result-resource h3{margin-bottom:14px}
.stat strong.operation-name{font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere;margin:14px 0 8px}
.stat small.operation-server{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}
.btn,input,select,textarea,.workspace{border-color:var(--line)}
input,select,textarea{background:var(--subtle);color:var(--ink)}
.btn:hover,.quick:hover{background:var(--soft);border-color:var(--teal)}
.btn.primary,.btn.teal{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 3px 18px color-mix(in srgb,var(--accent) 10%,transparent)}
.btn.primary:hover,.btn.teal:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);border-color:var(--accent)}
.hero{background:var(--hero-bg);color:var(--hero-ink);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--hero-bg))}
.hero p,.hero-right small{color:var(--hero-muted)}
.hero .eyebrow{color:var(--accent)}
.hero:after{border-color:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 0 35px color-mix(in srgb,var(--accent) 5%,transparent),0 0 0 70px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 105px color-mix(in srgb,var(--accent) 2%,transparent)}
.hero-right{border-color:color-mix(in srgb,var(--accent) 20%,var(--nav))}
.hero-right strong span{color:var(--accent)!important}
.sidebar{color:var(--nav-muted)}
.brandmark{background:var(--accent);color:var(--nav)}
.brand small,.workspace small,.sidebar-footer small,.nav-label{color:var(--nav-muted)}
.workspace,.sidebar-footer{border-color:#17233a}
.workspace .avatar{background:#06303b;color:var(--accent)}
nav a:hover{background:#101f33;color:#f3ffff}
nav a.active{background:color-mix(in srgb,var(--accent) 12%,var(--nav));color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
nav .soon{background:#17243a;color:#bbc9df}
.fulbit span{color:var(--accent)}
.avatar,.stat-icon,#activityCount{background:var(--soft);color:var(--soft-ink)}
.stat-top,.stat small,th,.breadcrumb,.quick small,.timeline small,.phase small,.job small,.field small,footer{color:var(--muted)}
.stat small b,.section-head a,.quick .qicon{color:var(--teal)}
.eyebrow{color:var(--muted)}
th,.phase i{background:var(--subtle);color:var(--muted)}
td,.health-row,.timeline{border-color:var(--line)}
.badge,.notice{background:var(--soft);color:var(--soft-ink)}
.notice{border-color:var(--line)}
.badge.neutral{background:var(--subtle);color:var(--muted)}
.badge.warn,.demo{background:var(--warn-bg);color:var(--warn-ink);border-color:color-mix(in srgb,var(--warn-ink) 25%,transparent)}
.badge.error{background:var(--error-bg);color:var(--error-ink)}
.error-text{color:var(--error-ink)}
.progressbar,.util{background:var(--subtle)}
.progressbar span,.util span,.timeline .dot{background:var(--accent)}
.iconbtn,.close{color:var(--ink)}
.activity,dialog{box-shadow:0 20px 80px var(--shadow)}
.skip{background:var(--surface);color:var(--ink)}
#toast{background:var(--accent);color:var(--accent-ink)}
.loader{border-color:var(--line);border-top-color:var(--teal)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--teal)}
input[type=checkbox]{accent-color:var(--teal)}
.theme-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.theme-control select{font-size:11px;padding:8px 10px;border-radius:8px;background:var(--subtle);min-width:115px;cursor:pointer}
@media(max-width:900px){.header-right{gap:10px}.theme-control>span{display:none}.header-right .demo{font-size:9px}}
@media(max-width:740px){header{height:auto;min-height:70px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-right{flex-wrap:wrap}.theme-control select{min-width:107px}.breadcrumb{flex-shrink:0}}

.auth-wrap{max-width:570px;margin:6vh auto}.auth-panel{padding:32px}.auth-panel h1{font-size:30px}.auth-panel .field{margin:18px 0}.edit-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.review-values{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:10px}.review-values dt{color:var(--muted)}.review-values dd{margin:0;overflow-wrap:anywhere}.mutation-panel details{padding:14px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.mutation-panel .field small{min-height:18px}.error-text{color:var(--danger,#ec6479)}.field textarea{min-height:100px;width:100%;resize:vertical}#authAccount{display:flex;align-items:center;gap:10px}

.nav-group{margin:10px 0 18px}.nav-group h2{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 12px 8px}.nav-group a{margin-bottom:3px}.nav-group:first-child{margin-top:0}.sidebar nav{overflow-y:auto;min-height:0}.sidebar .nav-label{margin-bottom:12px}

.sidebar nav{flex:1 1 auto}.field small.error-text{color:var(--danger,#ec6479)}@media(max-width:740px){.sidebar nav{display:block;max-height:230px;overflow-y:auto}.nav-group{margin:10px 0}.nav-group a{display:inline-flex}.nav-group h2{margin:10px 8px 4px}#authAccount{flex-wrap:wrap}}

.breadcrumb .crumb-group{padding:0;color:var(--muted)}#authAccount .btn{font-size:11px;padding:9px 12px}