:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#eaf2f4;background:#0d1822}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#275361 0,transparent 36%),#0d1822}button,input{font:inherit}.topbar{height:74px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid #28404c;display:flex;align-items:center;justify-content:space-between;background:#10202bcc}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:18px;letter-spacing:.04em}.brand small,.eyebrow{display:block;font:700 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#68d6d0}.flower{font-size:35px;line-height:1;color:#fa816a}.top-actions{display:flex;align-items:center;gap:24px}.connection{font-size:12px;color:#9cb5bd}.connection.ok{color:#72e0a2}.local-link{color:#e4f6f5;text-decoration:none;border:1px solid #42626c;border-radius:7px;padding:9px 14px;font-size:13px}.local-link:hover{border-color:#76d8d3;background:#193947}main{max-width:1500px;margin:auto;padding:clamp(24px,4vw,58px)}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,370px);gap:36px;align-items:end;margin-bottom:35px}.intro h1{font-size:clamp(30px,4vw,58px);letter-spacing:-.04em;margin:12px 0}.intro p{color:#9fb7bd;line-height:1.8;max-width:650px;margin:0}.key-form{background:#192d38;border:1px solid #315260;border-radius:14px;padding:18px}.key-form label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.key-form div{display:flex;gap:7px}.key-form input,.filters input{min-width:0;flex:1;background:#0e202b;color:#effbfa;border:1px solid #47636d;border-radius:7px;padding:11px 12px;outline:none}.key-form input:focus,.filters input:focus{border-color:#6fe0d4}.key-form button,.filters button{border:0;border-radius:7px;background:#72ded0;color:#09262a;padding:10px 14px;font-weight:800;cursor:pointer;white-space:nowrap}.key-form small{display:block;color:#8ba4ad;margin-top:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}.metrics article{border:1px solid #31515e;background:#152a35;border-radius:10px;padding:18px 20px}.metrics span{display:block;color:#9fb8c0;font-size:13px}.metrics strong{display:block;font:700 31px/1.1 ui-monospace,Consolas,monospace;color:#f3f8f5;margin-top:11px}.sheet{border:1px solid #34515e;background:#142733;border-radius:14px;overflow:hidden}.sheet-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.sheet h2{font-size:22px;margin:4px 0 0}.filters{display:flex;gap:8px}.filters input{width:240px}.message{padding:0 24px;color:#91abb4;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:830px}th{text-align:left;color:#80a1aa;background:#1b3440;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:14px 18px}td{border-top:1px solid #2b4652;padding:16px 18px;font-size:13px;vertical-align:top}td.id{font-family:ui-monospace,Consolas,monospace;color:#90e2df}td.name{max-width:350px;font-weight:600}td a{color:#78ded0}td .muted{color:#7f9ba5}.stage{display:inline-block;border:1px solid #47726c;background:#23443e;border-radius:5px;padding:4px 7px;color:#a7ead0;font-size:12px}.stage.wait{border-color:#76534d;background:#3e2d2d;color:#ffc6a6}.footer-note{font-size:12px;color:#79939d;margin-top:18px}@media(max-width:800px){.intro{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.topbar{height:auto;padding:14px 22px;gap:15px;flex-wrap:wrap}.sheet-head{display:block}.filters{margin-top:16px}.filters input{width:100%}}@media(max-width:480px){.metrics{grid-template-columns:1fr 1fr}.top-actions{width:100%;justify-content:space-between}}