:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-2xl: 1.875rem;--fs-3xl: 2.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);--dur-fast: .12s;--dur-med: .2s;--ease: cubic-bezier(.2, .6, .2, 1)}:root,[data-theme=light]{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f2f4f7;--surface-raised: #ffffff;--border: #e4e7ec;--border-strong: #d0d5dd;--text: #101828;--text-secondary: #475467;--text-muted: #667085;--text-inverse: #ffffff;--accent: #4338ca;--accent-hover: #3730a3;--accent-soft: #eef2ff;--accent-text: #ffffff;--focus-ring: #4338ca;--ok: #067647;--ok-bg: #ecfdf3;--ok-border: #abefc6;--warn: #b54708;--warn-bg: #fffaeb;--warn-border: #fedf89;--danger: #b42318;--danger-bg: #fef3f2;--danger-border: #fecdca;--info: #175cd3;--info-bg: #eff8ff;--info-border: #b2ddff;--neutral: #475467;--neutral-bg: #f2f4f7;--neutral-border: #e4e7ec;--running: #175cd3;--running-bg: #eff8ff;--class-public: #067647;--class-public-bg: #ecfdf3;--class-general: #175cd3;--class-general-bg: #eff8ff;--class-internal: #b54708;--class-internal-bg: #fffaeb;--class-restricted: #b42318;--class-restricted-bg: #fef3f2}[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2129;--surface-raised: #1c2129;--border: #2a313c;--border-strong: #3a414c;--text: #e6edf3;--text-secondary: #adbac7;--text-muted: #768390;--text-inverse: #0d1117;--accent: #a5b4fc;--accent-hover: #c7d2fe;--accent-soft: #1e213a;--accent-text: #0d1117;--focus-ring: #a5b4fc;--ok: #6ce9a6;--ok-bg: #0d2a1d;--ok-border: #1f5137;--warn: #fdb022;--warn-bg: #2b1d05;--warn-border: #573a0b;--danger: #fda29b;--danger-bg: #2d1211;--danger-border: #5a241f;--info: #84caff;--info-bg: #0a2540;--info-border: #15427a;--neutral: #adbac7;--neutral-bg: #1c2129;--neutral-border: #2a313c;--running: #84caff;--running-bg: #0a2540;--class-public: #6ce9a6;--class-public-bg: #0d2a1d;--class-general: #84caff;--class-general-bg: #0a2540;--class-internal: #fdb022;--class-internal-bg: #2b1d05;--class-restricted: #fda29b;--class-restricted-bg: #2d1211;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){[data-theme=system]{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2129;--surface-raised: #1c2129;--border: #2a313c;--border-strong: #3a414c;--text: #e6edf3;--text-secondary: #adbac7;--text-muted: #768390;--text-inverse: #0d1117;--accent: #a5b4fc;--accent-hover: #c7d2fe;--accent-soft: #1e213a;--accent-text: #0d1117;--focus-ring: #a5b4fc;--ok: #6ce9a6;--ok-bg: #0d2a1d;--ok-border: #1f5137;--warn: #fdb022;--warn-bg: #2b1d05;--warn-border: #573a0b;--danger: #fda29b;--danger-bg: #2d1211;--danger-border: #5a241f;--info: #84caff;--info-bg: #0a2540;--info-border: #15427a;--neutral: #adbac7;--neutral-bg: #1c2129;--neutral-border: #2a313c;--running: #84caff;--running-bg: #0a2540;--class-public: #6ce9a6;--class-public-bg: #0d2a1d;--class-general: #84caff;--class-general-bg: #0a2540;--class-internal: #fdb022;--class-internal-bg: #2b1d05;--class-restricted: #fda29b;--class-restricted-bg: #2d1211;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.cx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cx-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"nav top" "nav main";height:100vh;overflow:hidden}.cx-shell[data-inspector=open]{grid-template-columns:248px 1fr 360px;grid-template-areas:"nav top top" "nav main inspector"}.cx-nav{grid-area:nav;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.cx-top{grid-area:top;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5)}.cx-main{grid-area:main;overflow-y:auto;padding:var(--sp-6) var(--sp-8)}.cx-inspector{grid-area:inspector;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:var(--sp-5)}.cx-brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:-.01em}.cx-brand .cx-logo{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.cx-navgroup{padding:var(--sp-3) var(--sp-3) 0}.cx-navgroup-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--sp-2) var(--sp-3)}.cx-navitem{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin:2px 0;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--fs-md);font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.cx-navitem:hover{background:var(--surface-2);color:var(--text)}.cx-navitem.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--fw-semibold)}.cx-navitem[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.cx-navitem .cx-ico{width:18px;height:18px;flex:0 0 auto}.cx-navitem .cx-soon{margin-left:auto;font-size:10px;color:var(--text-muted);background:var(--surface-2);padding:1px 6px;border-radius:var(--radius-pill)}.cx-ctx{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary)}.cx-top-spacer{flex:1}.cx-cmdk{display:flex;align-items:center;gap:var(--sp-2);min-width:240px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer}.cx-cmdk kbd{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text-secondary)}.cx-iconbtn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer}.cx-iconbtn:hover{background:var(--surface-2);color:var(--text)}.cx-avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.cx-pagehead{display:flex;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6)}.cx-pagehead h1{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.cx-pagehead p{margin:var(--sp-1) 0 0;color:var(--text-secondary);font-size:var(--fs-md)}.cx-pagehead-actions{margin-left:auto;display:flex;gap:var(--sp-2)}.cx-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.cx-btn:hover{background:var(--surface-2)}.cx-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.cx-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cx-btn.danger{color:var(--danger);border-color:var(--danger-border)}.cx-btn.ghost{border-color:transparent;background:transparent}.cx-btn:disabled{opacity:.5;cursor:not-allowed}.cx-btn.sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.cx-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid transparent;white-space:nowrap}.cx-badge .cx-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.cx-badge.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.cx-badge.warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-border)}.cx-badge.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.cx-badge.info{color:var(--info);background:var(--info-bg);border-color:var(--info-border)}.cx-badge.neutral{color:var(--neutral);background:var(--neutral-bg);border-color:var(--neutral-border)}.cx-badge.running .cx-dot{animation:cx-pulse 1.4s var(--ease) infinite}@keyframes cx-pulse{0%,to{opacity:1}50%{opacity:.3}}.cx-badge.cls-public{color:var(--class-public);background:var(--class-public-bg);border-color:var(--class-public)}.cx-badge.cls-general{color:var(--class-general);background:var(--class-general-bg);border-color:var(--class-general)}.cx-badge.cls-internal{color:var(--class-internal);background:var(--class-internal-bg);border-color:var(--class-internal)}.cx-badge.cls-restricted{color:var(--class-restricted);background:var(--class-restricted-bg);border-color:var(--class-restricted)}.cx-badge.resource{color:var(--text-secondary);background:var(--surface-2);border-color:var(--border)}.cx-badge.cost{color:var(--text-secondary);background:var(--surface-2);border-color:var(--border);font-variant-numeric:tabular-nums}.cx-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-xs)}.cx-card.interactive{cursor:pointer;transition:box-shadow var(--dur-med) var(--ease),transform var(--dur-med) var(--ease)}.cx-card.interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cx-cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.cx-metric{display:flex;flex-direction:column;gap:var(--sp-1)}.cx-metric .cx-metric-val{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.cx-metric .cx-metric-label{font-size:var(--fs-sm);color:var(--text-muted)}.cx-workcard{display:flex;flex-direction:column;gap:var(--sp-3)}.cx-workcard .cx-wc-title{font-weight:var(--fw-semibold);font-size:var(--fs-lg);color:var(--text);letter-spacing:-.01em}.cx-workcard .cx-wc-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.cx-workcard .cx-wc-foot{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:var(--fs-sm)}.cx-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.cx-table th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:var(--fw-semibold);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.cx-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);color:var(--text)}.cx-table tbody tr:hover{background:var(--surface-2)}.cx-table tbody tr.clickable{cursor:pointer}.cx-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cx-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-16) var(--sp-6);text-align:center;color:var(--text-muted)}.cx-state .cx-state-icon{width:48px;height:48px;opacity:.7}.cx-state h3{margin:0;color:var(--text);font-size:var(--fs-lg)}.cx-state p{margin:0;max-width:420px}.cx-spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:cx-spin .8s linear infinite}@keyframes cx-spin{to{transform:rotate(360deg)}}.cx-progress{height:6px;background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.cx-progress>span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--dur-med) var(--ease)}.cx-progress.indeterminate>span{width:35%!important;animation:cx-indet 1.3s var(--ease) infinite}@keyframes cx-indet{0%{margin-left:-35%}to{margin-left:100%}}.cx-tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5)}.cx-tab{padding:var(--sp-3) var(--sp-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--fs-md);font-weight:var(--fw-medium);cursor:pointer;border-bottom:2px solid transparent}.cx-tab:hover{color:var(--text)}.cx-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--fw-semibold)}.cx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:grid;place-items:center;z-index:100;padding:var(--sp-6)}.cx-modal{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:520px;width:100%;padding:var(--sp-6)}.cx-modal h2{margin:0 0 var(--sp-3);font-size:var(--fs-xl)}.cx-modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-6)}.cx-drawer{position:fixed;top:0;right:0;height:100vh;width:420px;background:var(--surface-raised);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;padding:var(--sp-6);overflow-y:auto}.cx-palette-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.cx-palette{width:100%;max-width:560px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cx-palette input{width:100%;border:none;outline:none;padding:var(--sp-4) var(--sp-5);font-size:var(--fs-lg);background:transparent;color:var(--text);border-bottom:1px solid var(--border)}.cx-palette-list{max-height:50vh;overflow-y:auto;padding:var(--sp-2)}.cx-palette-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);cursor:pointer;color:var(--text)}.cx-palette-item.active,.cx-palette-item:hover{background:var(--accent-soft);color:var(--accent)}.cx-palette-item .cx-pi-group{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted)}.cx-toasts{position:fixed;bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);z-index:300}.cx-toast{background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--sp-3) var(--sp-4);min-width:260px;color:var(--text);font-size:var(--fs-sm)}.cx-toast.ok{border-left-color:var(--ok)}.cx-toast.danger{border-left-color:var(--danger)}.cx-timeline{display:flex;flex-direction:column;gap:2px}.cx-span{display:grid;grid-template-columns:20px 1fr auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm)}.cx-span:hover{background:var(--surface-2)}.cx-span .cx-span-rail{display:flex;justify-content:center}.cx-span .cx-span-node{width:10px;height:10px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface)}.cx-span.ok .cx-span-node{background:var(--ok);border-color:var(--ok)}.cx-span.failed .cx-span-node{background:var(--danger);border-color:var(--danger)}.cx-span.running .cx-span-node{background:var(--running);border-color:var(--running)}.cx-span .cx-span-main{display:flex;flex-direction:column}.cx-span .cx-span-label{font-weight:var(--fw-medium);font-size:var(--fs-md)}.cx-span .cx-span-reason{font-size:var(--fs-sm);color:var(--text-muted)}.cx-span .cx-span-meta{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;display:flex;gap:var(--sp-3)}.cx-tree-children{margin-left:var(--sp-6);border-left:1px solid var(--border);padding-left:var(--sp-2)}.cx-composer{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.cx-composer textarea{width:100%;border:none;outline:none;resize:none;background:transparent;color:var(--text);font-size:var(--fs-md);font-family:var(--font-sans);min-height:24px}.cx-composer-row{display:flex;align-items:center;gap:var(--sp-2)}.cx-msg{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}.cx-msg .cx-bubble{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);max-width:760px}.cx-msg.user .cx-bubble{background:var(--accent-soft);color:var(--text);align-self:flex-end}.cx-msg.assistant .cx-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text)}.cx-exec-footer{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-1)}.cx-exec-footer a{color:var(--accent);cursor:pointer;text-decoration:none;font-weight:var(--fw-medium)}.cx-policyblock{border:1px solid var(--info-border);background:var(--info-bg);color:var(--info);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm)}.cx-hero{text-align:center;padding:var(--sp-12) var(--sp-4) var(--sp-8)}.cx-hero h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);letter-spacing:-.03em;margin:0 0 var(--sp-6)}.cx-hero .cx-universal{max-width:720px;margin:0 auto}.cx-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-4)}.cx-chip{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer}.cx-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cx-section{margin-top:var(--sp-10)}.cx-section h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.cx-inspector h3{font-size:var(--fs-md);margin:0 0 var(--sp-3)}.cx-kv{display:grid;grid-template-columns:110px 1fr;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.cx-kv dt{color:var(--text-muted)}.cx-kv dd{margin:0;color:var(--text)}.cx-input,.cx-select{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-md)}.cx-label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-1);color:var(--text-secondary)}@media (max-width: 1024px){.cx-shell,.cx-shell[data-inspector=open]{grid-template-columns:64px 1fr;grid-template-areas:"nav top" "nav main"}.cx-navitem span.cx-navlabel,.cx-navgroup-label,.cx-brand span,.cx-inspector{display:none}}@media (max-width: 680px){.cx-shell{grid-template-columns:1fr;grid-template-rows:56px 1fr 56px;grid-template-areas:"top" "main" "nav"}.cx-nav{flex-direction:row;border-right:none;border-top:1px solid var(--border);justify-content:space-around;overflow-x:auto}.cx-navgroup{display:flex;padding:0}.cx-brand{display:none}.cx-cmdk{min-width:0}.cx-main{padding:var(--sp-4)}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:210px;background:#1f2733;color:#e8eaed;padding:16px 0}.sidebar h1{font-size:18px;padding:0 16px 12px;margin:0;border-bottom:1px solid #33404f}.sidebar nav a{display:block;padding:10px 16px;color:#c2c8d0}.sidebar nav a.active,.sidebar nav a:hover{background:#2b3645;color:#fff}.main{flex:1;padding:20px 28px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar .who{color:#555}.panel{background:#fff;border:1px solid #e0e3e8;border-radius:8px;padding:16px;margin-bottom:18px}.panel h2{margin:0 0 12px;font-size:16px}.panel.key{border-left:4px solid #1565c0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;vertical-align:middle}th{color:#666;font-weight:600;background:#fafbfc}button{cursor:pointer;border:1px solid #cfd4dc;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px}button.primary{background:#1565c0;color:#fff;border-color:#1565c0}button.danger{background:#c62828;color:#fff;border-color:#c62828}button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid}.badge .glyph{font-weight:700}.keyval{font-family:ui-monospace,Menlo,monospace;background:#f0f2f5;padding:4px 8px;border-radius:4px}.login{max-width:320px;margin:10vh auto}.login input{width:100%;padding:10px;margin:6px 0;border:1px solid #cfd4dc;border-radius:6px}.error{color:#c62828;margin:8px 0}.muted{color:#888}.row-actions button{margin-right:6px}.grid7{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}