:root{--navy:#021e5e;--navy2:#1d1a6e;--orange:#f97b2d;--bg:#f3f6fb;--card:#fff;--line:#dfe5ef;--ok:#0a7d34;--bad:#c62828;--mut:#64708a}*{box-sizing:border-box}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#1b2438;font-size:14px}h1,h2,h3{color:var(--navy);margin:0 0 10px}.logo{height:46px;display:block}button,.btn{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:7px 14px;cursor:pointer;font-size:13px;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#0b3182}button.o{background:var(--orange)}button.g{background:#e8edf7;color:var(--navy)}button.s{padding:3px 9px;font-size:12px}button.ok{background:var(--ok)}button.bad{background:var(--bad)}input,select,textarea{border:1px solid #c5cfe0;border-radius:6px;padding:7px 9px;font-size:13px;font-family:inherit;max-width:100%}textarea{width:100%;min-height:60px}label{display:block;font-size:12px;color:var(--mut);margin-bottom:3px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px}.grid{display:grid;gap:14px;align-items:start}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:10px;padding:12px 14px}.kpi.o{border-left-color:var(--orange)}.kpi.ok{border-left-color:var(--ok)}.kpi.bad{border-left-color:var(--bad)}.kpi small{color:var(--mut);display:block}.kpi b{font-size:22px;color:var(--navy)}table.t{border-collapse:collapse;width:100%}table.t th{background:#eaf0fb;color:var(--navy);text-align:left;padding:7px 9px;font-size:12px;position:sticky;top:0}table.t td{padding:6px 9px;border-bottom:1px solid #edf1f8}table.t tr:hover td{background:#f8faff}.scroll{max-height:460px;overflow:auto}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;align-items:end}.form input,.form select{width:100%}.pill{padding:2px 9px;border-radius:12px;font-size:11px;background:#e8edf7;color:var(--navy);white-space:nowrap}.pill.ok{background:#d9f3e2;color:var(--ok)}.pill.bad{background:#fde1e1;color:var(--bad)}.pill.warn{background:#fff0d6;color:#a45a00}.bars .bar{display:flex;align-items:center;gap:8px;margin:5px 0}.bl{width:130px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt{flex:1;background:#eaf0fb;border-radius:5px;height:14px}.bf{background:var(--navy);height:100%;border-radius:5px}.bf.o{background:var(--orange)}.bf.ok{background:var(--ok)}.bv{width:92px;text-align:right;font-size:12px;font-weight:600}.spark{display:flex;align-items:flex-end;gap:4px;height:80px}.spark div{flex:1;background:var(--orange);border-radius:3px 3px 0 0;min-height:3px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(80px);background:var(--ok);color:#fff;padding:10px 20px;border-radius:8px;opacity:0;transition:.3s;z-index:99}#toast.show{opacity:1;transform:translate(-50%)}#toast.bad{background:var(--bad)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:50}.modal>div{background:#fff;border-radius:12px;padding:20px;width:min(520px,94vw);max-height:92vh;overflow:auto}.live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2ecc71;margin-right:5px;animation:p 1.5s infinite}@keyframes p{50%{opacity:.3}}.mut{color:var(--mut)}.right{text-align:right}.flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sp{flex:1}body{margin:0}#app{display:flex;min-height:100vh}#side{width:236px;background:#fff;border-right:1px solid var(--line);padding:12px 0;position:sticky;top:0;height:100vh;overflow:auto;flex-shrink:0}#side img.logo{margin:0 14px 10px;height:auto;width:170px}#side a{display:block;padding:7px 18px;color:#33405c;text-decoration:none;font-size:13px;border-left:4px solid transparent}#side a:hover{background:#f1f5fc}#side a.active{background:#e8eefb;border-left-color:var(--orange);color:var(--navy);font-weight:600}#side h6{margin:12px 18px 3px;color:var(--mut);font-size:10px;letter-spacing:1px;text-transform:uppercase}#main{flex:1;padding:18px 22px;min-width:0}.top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.top h1{margin:0}.step{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.step span{flex:1;min-width:90px;text-align:center;padding:7px 4px;border-radius:6px;background:#e8edf7;color:var(--mut);font-size:12px}.step span.done{background:#d9f3e2;color:var(--ok);font-weight:600}.step span.now{background:var(--orange);color:#fff;font-weight:600}.portal{max-width:760px;margin:0 auto;background:#fff;min-height:100vh}.portal header{padding:12px 16px;border-bottom:3px solid var(--orange);display:flex;align-items:center;gap:10px}.portal header .logo{height:52px}.tabs{display:flex;overflow:auto;background:var(--navy)}.tabs a{color:#cfd8f3;padding:11px 14px;white-space:nowrap;cursor:pointer;font-size:13px;text-decoration:none}.tabs a.active{background:var(--orange);color:#fff;font-weight:600}.portal main{padding:14px;background:var(--bg);min-height:70vh}.login{max-width:380px;margin:12vh auto}.login .card{padding:24px}@media (max-width:800px){#side{display:none}}