:root{--bg:#f1f5f8;--card:#fff;--ink:#14232e;--mut:#64748b;--line:#e2e8ee;--navy:#0f3347;--teal:#0f7c8a;--ok:#1f8a5b;--warn:#c77a0a;--bad:#c0392b;--r:10px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}small{color:var(--mut);font-size:12px;display:block}a{color:inherit;text-decoration:none}.side{position:fixed;inset:0 auto 0 0;width:200px;background:var(--navy);color:#cfe0ea;display:flex;flex-direction:column;padding:16px 12px;z-index:5}.brand b{color:#fff;font-size:15px}.brand small{color:#7fa3b5;font-size:10px;letter-spacing:.08em}nav{margin-top:20px;display:grid;gap:4px;flex:1;align-content:start}nav a{padding:9px 12px;border-radius:8px;cursor:pointer}nav a.on,nav a:hover{background:#1c4a63;color:#fff}.sess{font-size:12px;background:#0b2736;padding:10px;border-radius:8px}.sess small{color:#7fa3b5}.top{position:sticky;top:0;margin-left:200px;display:flex;gap:12px;align-items:center;padding:10px 24px;background:var(--card);border-bottom:1px solid var(--line);z-index:4}.top input{flex:1;max-width:460px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.top>.pill{margin-left:auto}.menu{display:none}.user{display:flex;gap:8px;align-items:center}.user i{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}.user b{font-size:13px}main{margin-left:200px;padding:20px 24px 40px;max-width:1280px}.crumb{color:var(--teal);font-size:12px}h1{margin:4px 0;font-size:24px}.sub{color:var(--mut);margin:0 0 16px}.head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:16px;margin-bottom:16px}.g5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.split>div{display:grid;gap:16px;align-content:start}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card h2{font-size:15px;margin:0}.card>.ph{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.stat span{color:var(--mut);font-size:12px}.stat b{display:block;font-size:26px;margin:4px 0;color:var(--teal)}.btn{font:inherit;padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--teal)}.btn.p{background:var(--teal);border-color:var(--teal);color:#fff}.btn.d{background:var(--bad);border-color:var(--bad);color:#fff}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.pill{font-size:11px;padding:3px 9px;border-radius:99px;background:var(--line);color:var(--mut);white-space:nowrap}.pill.ok{background:#dcf3e8;color:var(--ok)}.pill.warn{background:#fdebd0;color:var(--warn)}.pill.bad{background:#fadbd8;color:var(--bad)}.timer{background:var(--navy);color:#fff;border-radius:var(--r);padding:8px 14px;text-align:center}.timer small{color:#7fa3b5;font-size:10px}.timer b{font:600 18px ui-monospace,monospace}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:var(--mut);text-transform:uppercase;padding:8px;border-bottom:1px solid var(--line)}td{padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px}.wrap{overflow-x:auto}.empty,.empty-row td{color:var(--mut);text-align:center;padding:22px 8px;font-size:13px}ul.l{list-style:none;margin:0;padding:0}ul.l li{padding:8px 0;border-bottom:1px solid var(--line)}ul.l li:last-child{border:0}ul.l li.empty{text-align:center;border:0}.f{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.f label{display:grid;gap:5px;font-weight:500;font-size:13px}.f .w{grid-column:1/-1}input,select,textarea{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);width:100%}textarea{min-height:140px;resize:vertical}.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.chips button{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}.chips button.on{border-color:var(--teal);background:#e3f3f5;color:#0a5963}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.steps span{flex:1;min-width:120px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.steps .on{border-color:var(--teal);background:#e3f3f5;color:#0a5963}.note{padding:12px 14px;border-radius:8px;background:#e3f3f5;color:#0a5963;margin-bottom:16px}.note.w{background:#fdf1dc;color:#8a5a00}.canvas{height:320px;border:1px dashed var(--line);border-radius:var(--r);background:var(--bg);display:grid;place-items:center;color:var(--mut);position:relative}.tools{position:absolute;top:10px;left:10px;display:flex;gap:4px}.score{font-size:40px;font-weight:700;color:var(--teal)}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}.kv dt{color:var(--mut)}.kv dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere}.toast{position:fixed;right:16px;bottom:16px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:9}.tricolor{height:4px;background:linear-gradient(to right,#f93 33%,#fff 33%,#fff 66%,#138808 66%);margin-left:200px}.path{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0}.addr{font-family:ui-monospace,monospace;font-size:12px;background:#f1f5f9;border:1px solid var(--line);padding:6px 8px;border-radius:6px}.addr.star{border-color:var(--warn);background:#fdf1dc}.addr.known{border-color:var(--ok);background:#dcf3e8}.ev{border:1px solid var(--line);border-radius:6px;margin:8px 0}.ev-head{width:100%;text-align:left;background:none;border:0;padding:10px 12px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;color:var(--ink)}.ev-body{padding:0 12px 12px;font-size:13px}.pts{font-weight:700}.pts.pos{color:var(--ok)}.pts.neg{color:var(--bad)}.reco{background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;padding:12px;font-size:14px}.altbar{height:8px;background:#e2e8f0;border-radius:4px;margin-top:4px}.altbar>div{height:100%;background:var(--mut);border-radius:4px}table.tx{font-size:12px;margin-top:8px}table.tx td,table.tx th{font-family:ui-monospace,monospace}.bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bar>div{height:100%;background:var(--warn);transition:width .4s}.footer{text-align:center;color:var(--mut);font-size:12px;padding:16px;margin-left:200px}@media (max-width:1000px){.split{grid-template-columns:1fr}}@media (max-width:800px){.side{transform:translate(-100%);transition:.2s}.nav-open .side{transform:none}.top,main,.footer,.tricolor{margin-left:0}.menu{display:block;background:none;border:0;font-size:20px;color:var(--ink)}.top input{min-width:0}.user span{display:none}}@media print{.side,.top,.btn,.menu{display:none!important}main,.footer,.tricolor{margin-left:0}body{background:#fff}}