:root{--bg:#08131d;--panel:#0c1b28;--panel2:#102535;--line:#203b4e;--line2:#2a5068;--text:#e7f2f7;--muted:#87a4b5;--cyan:#2ce6cf;--blue:#59bbed;--green:#55e3a5;--amber:#ffc85a;--red:#ff6b76;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden;font-size:14px}button,input,select,textarea{font:inherit}.topbar{height:72px;display:grid;grid-template-columns:310px 1fr auto 170px;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:#0b1925}.brand{display:flex;align-items:center;gap:11px}.logo{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);font-weight:900;font-size:20px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{margin-top:3px;color:var(--muted);font-size:11px}.health{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.health i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #ffc85a1a}.health i.ok{background:var(--green);box-shadow:0 0 0 4px #55e3a51a}.health code{padding-left:7px;border-left:1px solid var(--line);color:var(--blue)}.level-tabs{height:44px;display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.level-tabs button{display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-right:1px solid var(--line);background:#0b1a27;color:var(--muted);cursor:pointer}.level-tabs button:last-child{border:0}.level-tabs button:hover{background:#112636;color:var(--text)}.level-tabs button.active{background:#17384a;color:white;box-shadow:inset 0 -2px var(--cyan)}.level-tabs b{font-size:10px;color:var(--cyan)}.level-tabs span{font-size:12px}.crm-link{justify-self:end;color:var(--muted);text-decoration:none;font-size:12px}.crm-link:hover{color:var(--cyan)}
.app-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:310px minmax(520px,1fr) 350px}.history-pane,.inspector-pane{min-width:0;background:var(--panel);display:flex;flex-direction:column}.history-pane{border-right:1px solid var(--line)}.inspector-pane{border-left:1px solid var(--line)}.pane-title{height:70px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.pane-title span,.level-intro>span,.level-intro>div>span{display:block;color:var(--cyan);font-size:9px;letter-spacing:.16em;font-weight:800}.pane-title h1,.pane-title h2{font-size:16px;margin:4px 0 0}.pane-title button{border:1px solid var(--line);background:#102333;color:var(--muted);border-radius:7px;width:31px;height:31px;cursor:pointer}.pane-title button:hover{color:var(--cyan);border-color:var(--line2)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px;border-bottom:1px solid var(--line)}.filters input{grid-column:1/-1}.filters input,.filters select,.manual-box input,.manual-box textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;background:#081722;color:var(--text);padding:8px 9px;outline:none}.filters input:focus,.manual-box input:focus,.manual-box textarea:focus{border-color:var(--cyan)}.filters select{font-size:11px}.history-list{overflow:auto;flex:1;padding:8px}.history-empty{padding:30px 15px;text-align:center;color:var(--muted)}.history-card{width:100%;display:block;text-align:left;padding:11px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;cursor:pointer;margin-bottom:5px}.history-card:hover{background:#102231}.history-card.active{background:#133043;border-color:#2d6178;box-shadow:inset 3px 0 var(--cyan)}.history-top,.history-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-top span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--blue)}.history-top time,.history-meta{font-size:10px;color:var(--muted)}.history-card strong{display:block;font-size:12px;margin:7px 0 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-meta .failed{color:var(--red)}.manual-box{flex:0 0 auto;border-top:1px solid var(--line);background:#0a1823}.manual-box summary{padding:13px 15px;cursor:pointer;color:var(--blue);font-weight:700;font-size:12px;list-style:none}.manual-box summary span{color:var(--cyan)}.manual-box form{padding:0 13px 13px}.manual-box label{display:block;color:var(--muted);font-size:10px}.manual-box textarea,.manual-box input{margin:5px 0 8px;font-size:11px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manual-box button{width:100%;padding:9px;border:0;border-radius:7px;background:var(--cyan);color:#062018;font-weight:800;cursor:pointer}.manual-box button:disabled{opacity:.5}.manual-box p{font-size:9px;color:var(--muted);margin:7px 0 0}
.canvas-pane{min-width:0;overflow:auto;background-color:#091722;background-image:radial-gradient(#264253 1px,transparent 1px);background-size:22px 22px}.empty{height:100%;display:grid;place-content:center;text-align:center;padding:30px}.empty-icon{font-size:55px;color:var(--line2)}.empty h2{margin:6px}.empty p{max-width:440px;color:var(--muted);line-height:1.6}.trace-head{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 23px;background:#0b1a26e8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;backdrop-filter:blur(10px)}.trace-head>div:first-child{min-width:0;flex:1}.trace-head h2{font-size:20px;margin:7px 0 4px;max-width:640px}.trace-head p{margin:0;color:var(--muted);font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-badge,.status-pill{display:inline-flex;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:#17384b;color:var(--blue)}.channel-badge.telegram{background:#113b50;color:#69cbed}.trace-ids{display:grid;gap:5px;min-width:210px}.trace-ids span{font-size:8px;color:var(--muted);letter-spacing:.1em}.trace-ids code{font-size:10px;color:#b8d3df;letter-spacing:0}.level-view{padding:28px 24px;min-height:calc(100vh - 180px)}.level-intro{max-width:720px}.level-intro h3{font-size:24px;margin:8px 0}.level-intro p{color:var(--muted);line-height:1.5;margin:0}.level-intro.inline{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.level-intro.inline p{font-size:11px}.rail-wrap{overflow:auto;margin:42px -5px 0;padding:4px 5px 30px}.execution-rail{display:flex;align-items:center;min-width:max-content}.flow-node{width:190px;min-height:190px;position:relative;border:1px solid var(--line2);border-radius:var(--radius);background:#102635;padding:15px 15px 38px;cursor:pointer;text-align:left;color:inherit;box-shadow:0 10px 30px #0004}.flow-node:hover{transform:translateY(-2px);border-color:#45809d}.flow-node.active{border-color:var(--cyan);box-shadow:0 0 0 2px #2ce6cf22,0 12px 35px #0006}.flow-node.error{border-color:#8c3a45}.flow-node .seq{font-family:ui-monospace,monospace;font-size:10px;color:var(--cyan)}.flow-node .group{display:block;margin-top:15px;color:var(--blue);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.flow-node strong{display:block;margin:6px 0 8px;font-size:13px;line-height:1.3}.flow-node small{display:block;color:var(--muted);font-size:10px;line-height:1.45;max-height:58px;overflow:hidden}.flow-node footer{position:absolute;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.flow-node footer .done{color:var(--green)}.flow-node footer .bad{color:var(--red)}.flow-arrow{width:48px;display:grid;place-items:center;color:#3e6a80;font-size:25px}.rail-hint{text-align:center;color:#527386;font-size:9px}.outcome-flow,.system-flow{display:flex;align-items:center;min-width:max-content;margin-top:50px;overflow:auto;padding-bottom:25px}.outcome-node,.system-node{width:210px;min-height:120px;border:1px solid var(--line2);border-radius:var(--radius);padding:17px;background:#102635}.outcome-node.accent,.system-node.active{border-color:#36a990;background:#10352f}.outcome-node.error{border-color:#8c3a45;background:#321a23}.outcome-node span,.system-node span{font-size:9px;color:var(--cyan);font-weight:800}.outcome-node strong,.system-node strong{display:block;margin:10px 0 7px;font-size:14px}.outcome-node p,.system-node p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.big-arrow{padding:0 18px;color:#41677b;font-size:25px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.fact{background:#0c1e2b;border:1px solid var(--line);border-radius:10px;padding:15px}.fact span{font-size:9px;color:var(--muted);text-transform:uppercase}.fact strong{display:block;margin-top:7px;font-size:12px}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.legend i{width:8px;height:8px;border-radius:50%;margin-left:10px}.legend .ok{background:var(--green)}.legend .muted{background:#405665}.implementation-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:35px}.impl-card{border:1px solid var(--line);border-radius:10px;background:#0d202d;padding:15px}.impl-card span{font-size:9px;color:var(--cyan)}.impl-card strong{display:block;margin:8px 0;font-size:13px}.impl-card code{display:block;color:var(--blue);font-size:10px;word-break:break-word}.impl-card p{color:var(--muted);font-size:10px;line-height:1.45;margin:9px 0 0}
.inspector-empty{margin:18px;padding:22px;border:1px dashed var(--line2);border-radius:10px;color:var(--muted);line-height:1.6;text-align:center}.status-pill:empty{display:none}.status-pill.completed{background:#133a30;color:var(--green)}.status-pill.error{background:#3c1f29;color:var(--red)}#inspect-content{overflow:auto;padding:16px}.inspect-summary{margin:0 0 15px;padding:13px;background:#112838;border-left:3px solid var(--cyan);line-height:1.55;color:#c6dce5}.context-list{margin:0}.context-list div{display:grid;grid-template-columns:82px 1fr;padding:8px 0;border-bottom:1px solid #193244}.context-list dt{font-size:9px;color:var(--muted);text-transform:uppercase}.context-list dd{margin:0;font-size:10px;line-height:1.45;word-break:break-word}.context-list code{color:var(--blue)}.inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.inspector-tabs button{border:0;border-right:1px solid var(--line);background:#0a1925;color:var(--muted);padding:9px 3px;font-size:10px;cursor:pointer}.inspector-tabs button:last-child{border:0}.inspector-tabs button.active{background:#17384a;color:white}.meaning{margin-top:17px}.meaning span{color:var(--cyan);font-size:9px;letter-spacing:.08em}.meaning p{color:#bed0d9;line-height:1.65;font-size:12px}pre{margin:14px 0 0;white-space:pre-wrap;word-break:break-word;padding:13px;border:1px solid var(--line);border-radius:8px;background:#07131d;color:#9ed8ef;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:45vh;overflow:auto}#toast{position:fixed;right:20px;bottom:20px;transform:translateY(80px);opacity:0;transition:.2s;background:#17394b;border:1px solid var(--line2);padding:11px 16px;border-radius:8px;box-shadow:0 8px 30px #0008;font-size:12px;z-index:20}#toast.show{transform:none;opacity:1}#toast.error{border-color:var(--red);color:#ffc3c8}
@media(max-width:1180px){.app-shell{grid-template-columns:270px minmax(480px,1fr) 310px}.topbar{grid-template-columns:270px 1fr auto}.crm-link{display:none}.level-tabs span{display:none}.level-tabs button{padding:0 12px}.trace-ids{display:none}.fact-grid{grid-template-columns:1fr}}
@media(max-width:850px){body{overflow:auto}.topbar{position:sticky;top:0;z-index:10;grid-template-columns:1fr auto;height:auto;padding:10px}.health{display:none}.level-tabs{grid-column:1/-1;width:100%}.level-tabs button{flex:1;justify-content:center}.app-shell{height:auto;display:block}.history-pane,.inspector-pane{min-height:360px;border:0;border-bottom:1px solid var(--line)}.history-list{max-height:350px}.canvas-pane{min-height:600px}.inspector-pane{min-height:500px}.level-intro.inline{display:block}.trace-head{position:relative}}
.outcome-flow,.system-flow{min-width:0;width:100%}.outcome-node,.system-node{flex:0 0 210px}.big-arrow{flex:0 0 auto}
.flow-node.recovered{border-color:#b88b3b}.flow-node footer .warn{color:#e2b65f}.status-pill.recovered{background:#40351f;color:#e2b65f}
.flow-node.running{border-color:#3c7796}.flow-node footer .pending,.history-meta .running{color:var(--blue)}.status-pill.running{background:#17384b;color:var(--blue)}
.channel-badge.automation{background:#3a2d16;color:#f5cb71}
.access-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--bg);background-image:radial-gradient(#264253 1px,transparent 1px);background-size:22px 22px}.access-card{width:min(370px,100%);padding:32px;background:#0d202d;border:1px solid var(--line2);border-radius:14px;box-shadow:0 25px 70px #0009}.access-logo{width:42px;height:42px;display:grid;place-items:center;margin-bottom:23px;color:var(--cyan);border:1px solid var(--cyan);border-radius:10px;font-size:20px;font-weight:900}.access-card small{color:var(--cyan);font-size:9px;letter-spacing:.16em;font-weight:800}.access-card h1{margin:7px 0 9px;font-size:23px}.access-card>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.access-card form{margin-top:24px;display:grid;gap:8px}.access-card label{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.access-card input{width:100%;height:48px;padding:0 14px;outline:0;color:var(--text);background:#081722;border:1px solid var(--line2);border-radius:8px;font:700 18px ui-monospace,monospace;letter-spacing:.45em;text-align:center}.access-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #2ce6cf18}.access-card button{height:42px;margin-top:4px;color:#062018;background:var(--cyan);border:0;border-radius:8px;font-size:11px;font-weight:850;cursor:pointer}.access-card button:disabled{opacity:.55;cursor:wait}#access-error{min-height:16px;color:var(--red);font-size:10px;text-align:center}