:root{--bg:#0b0d0e;--panel:#131719;--panel2:#191e20;--line:#2a3134;--text:#eef1ef;--muted:#98a19d;--accent:#c9f36b;--amber:#f2b84b;--danger:#ff6b62;--radius:18px;--shadow:0 20px 70px #0007;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:12px;padding:.7rem 1rem;background:var(--accent);color:#111;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}.secondary,.ghost{background:#242b2e;color:var(--text)}.danger{background:var(--danger);color:#190302}.danger-outline{background:transparent;color:var(--danger);border:1px solid #6a302e}.error{color:#ff9089}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:850;letter-spacing:.14em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 70% 15%,#27341f 0,transparent 32%),var(--bg)}.login-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,5vw,3rem);box-shadow:var(--shadow)}h1{font-size:clamp(2.6rem,8vw,4.5rem);line-height:1;margin:.3rem 0}h2,h3,p{margin-top:0}.login-card p{color:var(--muted)}label{display:grid;gap:.45rem;margin:1rem 0;color:#ccd2cf;font-weight:650}input,select{width:100%;min-height:46px;background:#0c0f10;border:1px solid #364043;border-radius:10px;padding:.7rem .8rem;color:var(--text)}.login-card button{width:100%;margin-top:1rem}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:sticky;top:0;height:100vh;padding:1.4rem 1rem;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0e1112}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none;padding:.5rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:#111;font-weight:950}.brand small{display:block;color:var(--muted)}nav{display:grid;gap:.35rem;margin:2rem 0 auto}nav a{color:#aeb6b2;text-decoration:none;padding:.78rem .9rem;border-radius:11px}nav a:hover,nav a.active{background:#202628;color:#fff}.workspace{min-width:0;padding:0 clamp(1rem,4vw,4rem) 4rem}.workspace>header{position:sticky;z-index:4;top:0;display:flex;align-items:center;gap:1rem;justify-content:space-between;min-height:88px;background:#0b0d0ef0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}header h2{margin:0;font-size:1.35rem}#crumb{font-size:.76rem;color:var(--muted)}.menu{display:none}.pill{padding:.42rem .72rem;border-radius:999px;font-size:.82rem;font-weight:750}.pill.good{background:#23351b;color:var(--accent)}.pill.bad{background:#48201e;color:#ffaaa5}.pill.neutral{background:#242a2c;color:#c4cbc8}.view{max-width:1280px;margin:2rem auto}.hero{display:flex;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);border-radius:24px;background:linear-gradient(120deg,#1b2420,#131719 65%);border:1px solid #344134}.hero h3{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.1;max-width:700px;margin:.5rem 0}.hero p,.section-intro p,.card p{color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.metrics article,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.metrics span{display:block;color:var(--muted);font-size:.84rem}.metrics strong{display:block;margin-top:.35rem;font-size:1.3rem;overflow-wrap:anywhere}.card{margin-bottom:1rem}.card-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.empty{padding:2rem;border:1px dashed #3a4447;border-radius:14px;color:var(--muted);text-align:center}.notice{position:fixed;z-index:20;right:1.5rem;bottom:1.5rem;max-width:440px;padding:1rem 1.2rem;border-radius:14px;background:#26331e;border:1px solid #51653e;box-shadow:var(--shadow)}.notice.error-notice{background:#3b1b1a;border-color:#7d3430}.section-intro{margin-bottom:1.5rem}.section-intro h3{font-size:2rem;margin-bottom:.2rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem}.form-grid label{margin:0}.wide,.form-actions{grid-column:1/-1}fieldset{border:1px solid var(--line);border-radius:14px;padding:1rem}legend{padding:0 .4rem;color:var(--muted)}.choice{display:inline-flex;grid-auto-flow:column;align-items:center;margin:.4rem 1rem .4rem 0}.choice input{width:20px;min-height:20px}.inline{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.switch{display:flex;align-items:center;gap:.7rem}.switch input,.feature input{width:24px;min-height:24px;accent-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}output{float:right;color:var(--accent)}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1rem}.stack{display:grid;align-content:start}.group-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.group-row:last-child{border:0}.group-row small{display:block;color:var(--muted)}.group-actions{display:flex;gap:.5rem}.selected-tag{color:var(--accent);font-weight:750}.danger-zone{border-color:#61302d}.danger-zone h3{color:#ffaaa5}#qr{display:block;width:min(100%,360px);margin:auto;border-radius:12px;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.feature{display:flex;justify-content:space-between;align-items:center;margin:0;padding:1rem;border-radius:13px;background:var(--panel2)}.feature small{display:block;color:var(--muted);font-weight:400}.logs-card{margin-top:1rem}pre{max-height:520px;overflow:auto;white-space:pre-wrap;background:#080a0b;border-radius:12px;padding:1rem;color:#b8c3bd;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}dialog{width:min(520px,calc(100% - 2rem));border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#000a}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}
@media(max-width:960px){.app{grid-template-columns:1fr}aside{position:fixed;z-index:12;left:0;transform:translateX(-105%);width:280px;transition:transform .2s;box-shadow:var(--shadow)}aside.open{transform:none}.menu{display:block;background:#242b2e;color:#fff}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.workspace>header{justify-content:flex-start}.pill{margin-left:auto}}
@media(max-width:620px){.workspace{padding:0 .8rem 2rem}.hero{display:block}.hero-actions{margin-top:1.3rem}.metrics,.form-grid,.feature-grid{grid-template-columns:1fr}.inline{grid-template-columns:1fr}.wide,.form-actions{grid-column:auto}.card-head,.group-row{grid-template-columns:1fr;display:grid}.group-actions{flex-wrap:wrap}.pill{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{left:.8rem;right:.8rem;bottom:.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}