:root{--navy:#092942;--blue:#167df0;--pink:#f42683;--ink:#14314c;--muted:#698197;--line:#dbe7f1;--bg:#f1f7fc;--green:#058557;--red:#b12c51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.48 system-ui,-apple-system,'Segoe UI',sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:2px}a{color:inherit;text-decoration:none}header{background:var(--navy);color:#fff;border-bottom:4px solid var(--pink)}header .top{max-width:1140px;margin:auto;padding:12px 19px;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-size:23px;font-weight:900;letter-spacing:-.7px}.logo span{color:#63b0ff}.logo small{display:block;font-size:9px;letter-spacing:1.5px;color:#b6d3e8}nav{display:flex;gap:15px;font-size:13px;font-weight:750}main{max-width:1140px;margin:auto;padding:23px 19px 60px}.hero{margin-bottom:17px}.eyebrow{font-size:11px;color:#1379d9;font-weight:900;letter-spacing:1.5px}h1{font-size:clamp(28px,4.3vw,43px);letter-spacing:-.9px;line-height:1.16;margin:6px 0}.hero p{color:var(--muted);margin:0;max-width:800px}.notice{border:1px solid #ffd0e2;background:#fff0f6;color:#8e3354;padding:12px 15px;border-radius:12px;font-size:13px;margin:0 0 14px}.status{padding:11px 14px;border-radius:11px;background:#e5f4ff;color:#0f619e;font-size:13px;font-weight:750;margin-bottom:15px}.status.error{background:#fff0f4;color:var(--red)}.status.good{background:#e4f8ec;color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metrics>div{background:white;border:1px solid var(--line);border-radius:14px;padding:15px}.metrics small{font-size:12px;color:var(--muted);display:block}.metrics strong{font-size:29px;display:block;color:#0e3b65}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:17px}.panel{background:white;border:1px solid var(--line);padding:19px;border-radius:17px;margin-bottom:17px;box-shadow:0 6px 28px #1947740b}.panel h2{font-size:21px;margin:0 0 6px}.panel p{font-size:13px;color:var(--muted);margin:0 0 12px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.btn{border:0;background:#137dfa;color:#fff;border-radius:11px;min-height:43px;padding:10px 13px;font-size:13px;font-weight:850}.btn.primary{background:linear-gradient(110deg,#f42683,#d90a6e)}.btn.secondary{background:#e9f4ff;color:#116ab5;border:1px solid #c4ddf1}.btn.danger{background:#fff0f5;color:#b22954;border:1px solid #f1c9d8}.btn.block{display:block;width:100%;margin-top:13px}label{display:block;font-size:12px;font-weight:850;margin:13px 0 6px}select{min-height:46px;width:100%;border:1px solid #bed4e4;padding:10px;border-radius:11px;color:#214863;background:#fff}.commands{display:grid;gap:10px}.command{border:1px solid #d8e7f2;border-radius:13px;padding:13px;background:#f9fcff}.command-top{display:flex;justify-content:space-between;gap:9px;align-items:start}.command-top b{font-size:13px}.command small{display:block;color:var(--muted);font-size:11px}.tag{font-size:11px;font-weight:850;border-radius:100px;padding:5px 9px;color:#0b6cb8;background:#e3f1ff}.tag.done{color:#087a55;background:#dff8e9}.tag.warn{color:#a82d56;background:#ffedf4}.action-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.action-row .btn{flex:1;min-height:37px;padding:7px;font-size:11px}.observation{background:#edf5ff;border-radius:9px;padding:8px;margin-top:8px;font-size:12px;color:#335d7b;overflow-wrap:anywhere}.audit{display:grid;gap:6px}.audit div{padding:8px 9px;border-bottom:1px solid #e8f0f7;font-size:12px}.audit small{color:var(--muted)}.hint{background:#f0f7ff;color:#557894;padding:12px;border-radius:11px;font-size:12px;margin-top:14px}.hint a{color:#0b6ac9;text-decoration:underline}.sequence{display:grid;gap:10px}.sequence div{border:1px solid #d9e9f5;background:#f5faff;border-radius:11px;padding:11px;font-size:13px}.sequence b{color:#0a70d6;margin-right:8px}footer{text-align:center;color:#7791a3;font-size:11px;margin-top:24px}
@media(max-width:850px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){header .top{padding:10px 12px;flex-wrap:wrap}.logo{font-size:20px}nav{font-size:11px}main{padding:15px 10px 40px}.metrics{gap:7px}.metrics>div{padding:10px}.metrics strong{font-size:23px}.metrics small{font-size:11px}.panel{padding:14px}.panel-head{flex-wrap:wrap}.action-row .btn{min-width:120px}}