:root{--bg:#e9f0ef;--panel:#f4f8f7;--panel-2:#dee9e7;--border:rgba(20,41,40,.14);--surface-0:var(--bg);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:color-mix(in srgb,var(--panel-2) 70%,#fff);--hover:color-mix(in srgb,var(--panel-2) 55%,#fff);--pressed:color-mix(in srgb,var(--panel-2) 75%,#fff);--overlay:rgba(15,31,31,.1);--shadow-1:0 1px 0 rgba(15,31,31,.06),0 10px 30px rgba(15,31,31,.08);--text:#0f1f1f;--text-muted:#3f5454;--text-dim:#617777;--ink:15 31 31;--white:255 255 255;--ink-06:rgb(var(--ink)/0.06);--ink-05:rgb(var(--ink)/0.05);--ink-10:rgb(var(--ink)/0.10);--ink-18:rgb(var(--ink)/0.18);--ink-35:rgb(var(--ink)/0.35);--backdrop:var(--ink-35);--glass-55:rgb(var(--white)/0.55);--glass-35:rgb(var(--white)/0.35);--glass-00:rgb(var(--white)/0);--emerald-18:color-mix(in srgb,var(--emerald-500) 18%,transparent);--emerald-26:color-mix(in srgb,var(--emerald-500) 26%,transparent);--emerald-35-border:color-mix(in srgb,var(--emerald-500) 35%,var(--border));--emerald-60-outline:color-mix(in srgb,var(--emerald-500) 60%,transparent);--emerald-100:#e4f1ee;--emerald-200:#cfe6e1;--emerald-300:#a9d1c7;--emerald-400:#4a9f8e;--emerald-500:#2f7f6f;--emerald-700:#235f54;--amber-100:#f4eddc;--amber-200:#eadcb8;--amber-300:#d9c28a;--amber-400:#d4a33a;--amber-500:#b9852a;--amber-600:#93651a;--rose-100:#f4e7ea;--rose-200:#e8cfd6;--rose-300:#d4a9b5;--rose-500:#c8324b;--rose-600:#ad283f;--rose-700:#8c1f34;--r-lg:14px;--r-md:10px;--r-sm:8px;--gap:14px;--ring:0 0 0 3px color-mix(in srgb,var(--emerald-500) 28%,transparent);--success-bg:rgba(47,125,109,.3);--success-border:rgba(47,125,109,.55);--success-text:#1f5e52;--warning-bg:rgba(183,121,31,.3);--warning-border:rgba(183,121,31,.55);--warning-text:#7a4a12;--error-bg:rgba(180,35,60,.3);--error-border:rgba(180,35,60,.55);--error-text:#7b1f2f}@media (prefers-color-scheme:dark){:root{--bg:#0b1414;--panel:#0f1b1b;--panel-2:#142323;--border:rgba(230,255,250,.14);--text:#e6f2f1;--text-muted:#a7bcbc;--text-dim:#7f9a99;--ink:230 250 248;--white:255 255 255;--backdrop:rgba(0,0,0,.55);--ink-06:transparent;--ink-05:transparent;--ink-10:rgba(0,0,0,.1);--ink-18:rgba(0,0,0,.18);--ink-35:rgba(0,0,0,.35);--glass-55:hsla(0,0%,100%,.08);--glass-35:hsla(0,0%,100%,.05);--glass-00:hsla(0,0%,100%,0);--surface-0:var(--bg);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:color-mix(in srgb,var(--panel-2) 78%,#fff);--hover:color-mix(in srgb,var(--panel-2) 86%,#fff);--pressed:color-mix(in srgb,var(--panel-2) 80%,#fff);--overlay:rgba(0,0,0,.22);--shadow-1:0 1px 0 rgba(0,0,0,.18),0 18px 50px rgba(0,0,0,.38);--emerald-400:#63c8b7;--emerald-500:#49b2a0;--emerald-700:#2c7f72;--emerald-100:#0f2724;--emerald-200:#12332f;--emerald-300:#1a4a43;--amber-400:#d5b15d;--amber-500:#c5902f;--amber-600:#9a6b1d;--amber-100:#241c10;--amber-200:#2f2312;--amber-300:#4a3316;--rose-500:#e05c73;--rose-600:#c74a60;--rose-700:#9f3148;--rose-100:#241015;--rose-200:#2f141c;--rose-300:#4a1f2b;--ring:0 0 0 3px color-mix(in srgb,var(--emerald-500) 26%,transparent);--success-bg:color-mix(in srgb,var(--emerald-500) 22%,transparent);--success-border:color-mix(in srgb,var(--emerald-500) 45%,transparent);--success-text:color-mix(in srgb,var(--emerald-500) 78%,#fff);--warning-bg:color-mix(in srgb,var(--amber-500) 22%,transparent);--warning-border:color-mix(in srgb,var(--amber-500) 45%,transparent);--warning-text:color-mix(in srgb,var(--amber-500) 78%,#fff);--error-bg:color-mix(in srgb,var(--rose-500) 22%,transparent);--error-border:color-mix(in srgb,var(--rose-500) 45%,transparent);--error-text:color-mix(in srgb,var(--rose-500) 80%,#fff)}}:root[data-theme=dark]{--bg:#0b1414;--panel:#0f1b1b;--panel-2:#142323;--border:rgba(230,255,250,.14);--text:#e6f2f1;--text-muted:#a7bcbc;--text-dim:#7f9a99;--ink:230 250 248;--white:255 255 255;--backdrop:rgba(0,0,0,.55);--ink-06:transparent;--ink-05:transparent;--ink-10:rgba(0,0,0,.1);--ink-18:rgba(0,0,0,.18);--ink-35:rgba(0,0,0,.35);--glass-55:hsla(0,0%,100%,.08);--glass-35:hsla(0,0%,100%,.05);--glass-00:hsla(0,0%,100%,0);--surface-0:var(--bg);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:color-mix(in srgb,var(--panel-2) 78%,#fff);--hover:color-mix(in srgb,var(--panel-2) 86%,#fff);--pressed:color-mix(in srgb,var(--panel-2) 80%,#fff);--overlay:rgba(0,0,0,.22);--shadow-1:0 1px 0 rgba(0,0,0,.18),0 18px 50px rgba(0,0,0,.38);--emerald-400:#63c8b7;--emerald-500:#49b2a0;--emerald-700:#2c7f72;--emerald-100:#0f2724;--emerald-200:#12332f;--emerald-300:#1a4a43;--amber-400:#d5b15d;--amber-500:#c5902f;--amber-600:#9a6b1d;--amber-100:#241c10;--amber-200:#2f2312;--amber-300:#4a3316;--rose-500:#e05c73;--rose-600:#c74a60;--rose-700:#9f3148;--rose-100:#241015;--rose-200:#2f141c;--rose-300:#4a1f2b;--ring:0 0 0 3px color-mix(in srgb,var(--emerald-500) 26%,transparent);--success-bg:color-mix(in srgb,var(--emerald-500) 22%,transparent);--success-border:color-mix(in srgb,var(--emerald-500) 45%,transparent);--success-text:color-mix(in srgb,var(--emerald-500) 78%,#fff);--warning-bg:color-mix(in srgb,var(--amber-500) 22%,transparent);--warning-border:color-mix(in srgb,var(--amber-500) 45%,transparent);--warning-text:color-mix(in srgb,var(--amber-500) 78%,#fff);--error-bg:color-mix(in srgb,var(--rose-500) 22%,transparent);--error-border:color-mix(in srgb,var(--rose-500) 45%,transparent);--error-text:color-mix(in srgb,var(--rose-500) 80%,#fff)}:root[data-theme=light]{--bg:#e9f0ef;--panel:#f4f8f7;--panel-2:#dee9e7;--border:rgba(20,41,40,.14);--text:#0f1f1f;--text-muted:#3f5454;--text-dim:#617777;--ink:15 31 31;--white:255 255 255;--backdrop:rgba(15,31,31,.35);--ink-06:rgba(15,31,31,.06);--ink-05:rgba(15,31,31,.05);--ink-10:rgba(15,31,31,.1);--ink-18:rgba(15,31,31,.18);--ink-35:rgba(15,31,31,.35);--glass-55:hsla(0,0%,100%,.55);--glass-35:hsla(0,0%,100%,.35);--glass-00:hsla(0,0%,100%,0);--surface-0:var(--bg);--surface-1:var(--panel);--surface-2:var(--panel-2);--surface-3:color-mix(in srgb,var(--panel-2) 70%,#fff);--hover:color-mix(in srgb,var(--panel-2) 55%,#fff);--pressed:color-mix(in srgb,var(--panel-2) 75%,#fff);--overlay:rgba(15,31,31,.1);--shadow-1:0 1px 0 rgba(15,31,31,.06),0 10px 30px rgba(15,31,31,.08);--emerald-400:#4a9f8e;--emerald-500:#2f7f6f;--emerald-700:#235f54;--emerald-100:#e4f1ee;--emerald-200:#cfe6e1;--emerald-300:#a9d1c7;--amber-400:#d4a33a;--amber-500:#b9852a;--amber-600:#93651a;--amber-100:#f4eddc;--amber-200:#eadcb8;--amber-300:#d9c28a;--rose-500:#c8324b;--rose-600:#ad283f;--rose-700:#8c1f34;--rose-100:#f4e7ea;--rose-200:#e8cfd6;--rose-300:#d4a9b5;--ring:0 0 0 3px color-mix(in srgb,var(--emerald-500) 28%,transparent);--success-bg:rgba(47,125,109,.3);--success-border:rgba(47,125,109,.55);--success-text:#1f5e52;--warning-bg:rgba(183,121,31,.3);--warning-border:rgba(183,121,31,.55);--warning-text:#7a4a12;--error-bg:rgba(180,35,60,.3);--error-border:rgba(180,35,60,.55);--error-text:#7b1f2f}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,var(--ink-06),transparent 60%),radial-gradient(1100px 700px at 80% 20%,var(--ink-06),transparent 62%),radial-gradient(900px 700px at 50% 100%,var(--ink-06),transparent 60%),linear-gradient(180deg,var(--glass-55),var(--glass-00) 45%),var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}body.accent-flash .topbar{outline:1px solid color-mix(in srgb,var(--emerald-500) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--emerald-500) 35%,transparent)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{height:64px;justify-content:space-between;padding:0 18px;background:color-mix(in srgb,var(--panel) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.logo img{width:36px;height:36px;display:block}.brand-text{display:flex;flex-direction:column}.brand-name{font-weight:600;letter-spacing:-.015em}.brand-sub{font-size:12px;color:var(--text-muted);margin-top:-2px}.topbar-actions{display:flex;align-items:center;gap:10px}.layout{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 64px)}.sidebar{box-shadow:inset -1px 0 0 var(--ink-06);background:color-mix(in srgb,var(--panel) 92%,transparent);border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:12px}.side-section{padding:10px;border:1px solid var(--border);border-radius:var(--r-lg);background:color-mix(in srgb,var(--panel) 70%,transparent)}.side-title{font-size:12px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.side-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--text);text-decoration:none;border:1px solid transparent}.side-item:hover{background:var(--hover);border-color:color-mix(in srgb,var(--border) 70%,transparent)}.side-item.active{background:var(--pressed);border-color:color-mix(in srgb,var(--emerald-500) 35%,var(--border));position:relative}.side-item.active:before{content:"";width:3px;height:16px;border-radius:10px;background:var(--emerald-500);position:absolute;left:-1px}.side-icon{width:20px;text-align:center;opacity:.95}.side-badge{margin-left:auto;font-size:12px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 8px;border-radius:999px}.side-footer{margin-top:auto;padding:8px 10px}.main{background:linear-gradient(180deg,var(--glass-35),var(--glass-00));padding:18px;display:flex;flex-direction:column;gap:14px}.main-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.h1{font-size:22px}.h1,.h2{font-weight:540;letter-spacing:-.015em}.h2{font-size:15px;margin-bottom:6px}.sub{color:var(--text-dim);margin-top:3px}.p{font-size:14px}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.grid{display:grid;grid-gap:var(--gap);gap:var(--gap);grid-template-columns:repeat(12,1fr)}.card{grid-column:span 6;border-radius:var(--r-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 70%,transparent);padding:14px;box-shadow:var(--shadow-1)}.card.wide{grid-column:span 12}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-weight:600;letter-spacing:-.01em}.metric-row{display:flex;gap:14px;margin-bottom:10px}.metric{flex:1 1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px}.metric-label{color:var(--text-muted);font-size:12px}.metric-value{margin-top:4px;font-size:16px;font-weight:600}.alerts{display:grid;grid-gap:4px;gap:4px}.btn,.ghost,.icon-btn,.kbd-btn,.pill{border-radius:var(--r-md);border:1px solid var(--border);background-color:var(--surface-2);color:var(--text);padding:10px 12px;font:inherit;cursor:pointer}.btn:hover,.ghost:hover,.icon-btn:hover,.kbd-btn:hover,.pill:hover{background-color:var(--hover)}.btn:focus,.ghost:focus,.icon-btn:focus,.input:focus,.kbd-btn:focus,.pill:focus{outline:none;box-shadow:var(--ring);border-color:color-mix(in srgb,var(--emerald-500) 35%,var(--border))}.btn.primary{background:color-mix(in srgb,var(--emerald-500) 18%,transparent);border-color:color-mix(in srgb,var(--emerald-500) 35%,var(--border))}.btn:not(.primary){opacity:.85;background-color:var(--surface-2);transition:background-color .12s ease,opacity .12s ease}.btn.primary:hover{background:color-mix(in srgb,var(--emerald-500) 26%,transparent)}.btn:not(.primary):hover{opacity:1;background-color:var(--pressed)}.btn.small{padding:8px 10px;border-radius:var(--r-sm);font-size:13px}.btn.ghost,.ghost{border-color:transparent}.kbd-btn,.pill{background:var(--surface-2)}.kbd-btn{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:8px}.dot-emerald{background:var(--emerald-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--emerald-500) 18%,transparent)}.chev{color:var(--text-muted);margin-left:6px}.kbd{display:inline-block;padding:2px 7px;border-radius:9px;border:1px solid var(--border);color:var(--text);line-height:1.4}.kbd,.tag{background:var(--surface-2);font-size:12px}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.tag.emerald{color:var(--success-text);border-color:var(--success-border);background:color-mix(in srgb,var(--success-bg) 65%,transparent)}.tag.amber{color:var(--warning-text);border-color:var(--warning-border);background:color-mix(in srgb,var(--warning-bg) 65%,transparent)}.tag.emerald-subtle{background:var(--emerald-200);color:var(--emerald-700);border-color:color-mix(in srgb,var(--emerald-300) 60%,var(--border))}.tag.amber-subtle{background:var(--amber-200);color:var(--amber-600);border-color:color-mix(in srgb,var(--amber-300) 60%,var(--border))}.tag.rose-subtle{background:var(--rose-200);color:var(--rose-700);border-color:color-mix(in srgb,var(--rose-300) 60%,var(--border))}.tag.slate{color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:12px 0}.row{display:flex;gap:10px;align-items:center}.list{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.list li{display:flex;align-items:flex-start;gap:10px;color:var(--text)}.bullet{margin-top:8px;width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--text-dim) 35%,transparent)}.callout{border-radius:var(--r-md);border:1px solid var(--border);padding:7px 12px;background:var(--panel);color:var(--text);font-size:13px}.callout strong{font-weight:600}.callout.subtle{color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.callout.amber{background:linear-gradient(180deg,var(--warning-bg),color-mix(in srgb,var(--warning-bg) 50%,transparent));border-color:var(--warning-border);color:var(--warning-text)}.callout.rose{background:linear-gradient(180deg,var(--error-bg),color-mix(in srgb,var(--error-bg) 50%,transparent));border-color:var(--error-border);color:var(--error-text)}.callout.emerald{background:linear-gradient(180deg,var(--success-bg),color-mix(in srgb,var(--success-bg) 75%,transparent));border-color:var(--success-border);color:var(--success-text)}.callout{display:flex;align-items:center;gap:10px}.callout:before{content:"";width:3px;align-self:stretch;border-radius:4px;background:currentColor;opacity:.35}.editor{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--ink-05);overflow:hidden}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-3);border-bottom:1px solid var(--border)}.crumbs{color:var(--text-muted);font-size:12px}.crumb.current{color:var(--text)}.crumb-sep{color:var(--text-dim);margin:0 6px}.code{margin:0;padding:12px;overflow:auto;font-size:13px;color:#1a2a2a;color:color-mix(in srgb,var(--text) 88%,#fff);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{width:min(760px,96vw);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 85%,#fff);border:1px solid var(--border);box-shadow:0 20px 60px var(--ink-18);overflow:hidden}.modal-header{justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{gap:10px;font-weight:600;letter-spacing:-.01em}.modal-body{padding:14px}.input{width:100%;border-radius:14px;padding:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit}.results{margin-top:12px;border-radius:16px;border:1px solid var(--border);overflow:hidden}.result,.results{background:var(--surface-1)}.result{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid var(--border)}.result:last-child{border-bottom:0}.result:hover{background:var(--hover)}.result-title{font-weight:600;letter-spacing:-.005em}.result-sub{font-size:12px;margin-top:2px}.result-kbd,.result-sub{color:var(--text-muted)}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.hint{color:var(--text-muted);font-size:12px}.mono-block{margin-top:10px;border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;background:var(--surface-2);display:grid;grid-gap:6px;gap:6px}@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{display:none}.card{grid-column:span 12}.topbar-actions .pill{display:none}}