:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0b0a;--bg-chat:#0f0d0c;--panel:#1e1c1a8c;--panel-strong:#1e1c1a99;--glass:#26232080;--glass-strong:#262320b8;--island:#24211e73;--sheet:#1e1c1ae0;--wash:#ffffff0f;--wash-2:#ffffff14;--wash-3:#ffffff1a;--wash-on:#ffffff29;--line:#ffffff1a;--line-2:#ffffff24;--track:#ffffff24;--ink:#fff;--ink-2:#e8e3da;--ink-3:#cfc9c0;--muted:#a8a29a;--hint:#9c968d;--off:#7f7a72;--preview:#d8d3ca;--accent:#c8b08a;--accent-hover:#dcc9a6;--accent-ink:#14110e;--accent-soft:#c8b08a29;--reserve:#c98f63;--reserve-soft:#c98f6329;--ok:#94b59c;--ok-soft:#94b59c29;--danger:#d98274;--danger-soft:#d9827429;--bubble-in:#23201d;--bubble-out:#3d352b;--meta-out:#d3c3a4;--voice-out:#e8dcc4;--wa:#2f7d55;--tg:#3a7aa6;--max:#5f539e;--blur:18px;--glass-edge:inset 0 1px 0 #ffffff29, inset 0 0 0 .5px #ffffff1a;--shadow-s:0 4px 18px #0006;--shadow-m:0 10px 34px #00000059;--shadow-l:0 12px 36px #00000080;--shadow-cta:0 6px 20px #00000073, inset 0 1px 0 #ffffff59;--r-btn:28px;--r-panel:22px;--r-panel-l:24px;--r-event:14px;--font:-apple-system, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .9, .2, 1);--t-sheet:.45s;--t-fade:.3s;--t-toast:.35s;--t-pop:.28s;--t-stage:.5s;--safe-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--gutter:16px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 600px at 12% -10%,#c8b08a1a,#0000 60%),radial-gradient(900px 500px at 100% 0,#3a7aa614,#0000 60%);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}.layout{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:.5px solid var(--line);height:100vh;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#1412108c;flex-direction:column;gap:4px;padding:20px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;align-items:center;gap:10px;padding:4px 10px 18px;font-weight:700;display:flex}.brand__mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:15px;display:grid}.nav-item{color:var(--ink-3);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item:hover{background:var(--wash);color:var(--ink)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent-hover)}.side__user{background:var(--wash);border-radius:14px;align-items:center;gap:10px;margin-top:auto;padding:10px;font-size:13px;display:flex}.side__user img{border-radius:50%;width:30px;height:30px}.side__user button{color:var(--hint);cursor:pointer;background:0 0;border:0;margin-left:auto}.main{min-width:0;padding:28px 32px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{letter-spacing:-.3px;margin:0;font-size:26px}.page-head p{color:var(--hint);margin:4px 0 0}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.panel{border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--glass-edge), var(--shadow-s);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));min-width:0;padding:18px}.panel h2{color:var(--ink-2);margin:0 0 12px;font-size:15px}.panel+.panel,.stack>*+*{margin-top:16px}.grid>.panel+.panel{margin-top:0}.metric{letter-spacing:-.5px;font-size:28px;font-weight:700}.metric small{color:var(--hint);font-size:14px;font-weight:500}.bar{background:var(--track);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar>span{background:var(--accent);border-radius:3px;height:100%;display:block}.bar.is-warn>span{background:var(--reserve)}.bar.is-bad>span{background:var(--danger)}.rows{flex-direction:column;display:flex}.row{border-bottom:.5px solid var(--line);align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.row:last-child{border-bottom:0}.row__main{flex:1;min-width:0}.row__title{overflow-wrap:anywhere;font-weight:600}.row__sub{color:var(--hint);overflow-wrap:anywhere;font-size:13px}.row__actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.group-title{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:20px 0 6px;font-size:12px;font-weight:700}.tag{white-space:nowrap;background:var(--wash-2);color:var(--ink-3);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.tag.is-ok{background:var(--ok-soft);color:var(--ok)}.tag.is-warn{background:var(--reserve-soft);color:var(--reserve)}.tag.is-bad{background:var(--danger-soft);color:var(--danger)}.tag.is-run{background:var(--accent-soft);color:var(--accent)}.tag.is-run:before{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.btn{background:var(--wash-2);min-height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--wash-3)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover)}.btn--danger{color:var(--danger)}.btn--big{border-radius:16px;min-height:46px;padding:0 22px;font-size:15px}.field{color:var(--hint);flex-direction:column;gap:6px;font-size:13px;display:flex}.field select option{color:var(--ink);background:#1e1c1a}.field input,.field select{border:.5px solid var(--line-2);background:#00000040;border-radius:12px;min-height:40px;padding:0 12px;font-size:15px}.form{flex-direction:column;gap:14px;display:flex}.form__row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.form__row .field{flex:1;min-width:160px}.note{color:var(--hint);font-size:13px}.error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:10px 12px;font-size:13px}.secret{font-family:var(--mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#00000059;border-radius:12px;padding:10px 12px;font-size:13px}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay.is-center{justify-content:center;align-items:center;padding:16px}.drawer{background:var(--sheet);width:min(900px,100%);height:100%;box-shadow:var(--shadow-l);flex-direction:column;display:flex}.dialog{border-radius:var(--r-panel-l);background:var(--sheet);width:min(460px,100%);max-height:100%;box-shadow:var(--glass-edge), var(--shadow-l);padding:22px;overflow:auto}.dialog h2,.drawer h2{margin:0;font-size:18px}.drawer__head{border-bottom:.5px solid var(--line);align-items:center;gap:10px;padding:16px 20px;display:flex}.drawer__head h2{overflow-wrap:anywhere;flex:1;min-width:0}.log{font:12px/1.55 var(--mono);color:var(--ink-3);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:16px 20px;overflow:auto}.qr{background:#fff;border-radius:18px;place-items:center;padding:14px;display:grid}.qr img{width:240px;height:240px}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.login{text-align:center;width:min(380px,100%)}.login h1{margin:14px 0 6px}.empty{color:var(--hint);text-align:center;padding:22px 0}.toast{z-index:30;background:var(--glass-strong);max-width:min(420px,100% - 40px);box-shadow:var(--glass-edge), var(--shadow-l);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border-radius:14px;padding:12px 16px;position:fixed;bottom:20px;right:20px}.toast.is-bad{color:var(--danger)}.spin{border:2px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.layout{grid-template-columns:1fr}.side{z-index:10;border-right:0;border-bottom:.5px solid var(--line);flex-direction:row;align-items:center;height:auto;padding:10px 12px;position:sticky;overflow-x:auto}.brand{padding:0 8px 0 0}.brand span{display:none}.nav-item{flex-shrink:0}.side__user{background:0 0;margin:0 0 0 auto;padding:6px}.side__user span{display:none}.main{padding:20px 16px 48px}.row{flex-wrap:wrap}.row__actions{width:100%}}
