:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1,h2{margin:0 0 8px}h1{font-size:28px}h2{font-size:17px}p{color:#667085;margin:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 4px 16px #1018280b;margin-bottom:18px}label{display:grid;gap:6px;font-size:13px;color:#475467;margin-bottom:12px}input,select{border:1px solid #d0d5dd;border-radius:8px;padding:10px;font-size:14px}button{border:0;border-radius:8px;padding:10px 16px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}button.secondary{background:#eef2ff;color:#3730a3}.hidden{display:none!important}.error{color:#b42318;margin-top:10px}.toolbar{display:flex;align-items:end;gap:12px;margin-bottom:18px}.toolbar label{margin:0}.live{margin-left:auto;color:#b42318;font-size:13px}.live.on{color:#039855}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric{background:#111827;color:#fff;border-radius:12px;padding:16px}.metric span{display:block;color:#cbd5e1;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart{height:210px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #e5e7eb;padding:12px 0}.chart i{display:block;flex:1;background:#60a5fa;border-radius:4px 4px 0 0;min-height:2px}.bar{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:8px;margin:9px 0;font-size:13px}.bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar i{height:8px;background:#93c5fd;border-radius:8px}.bar b{text-align:right}.step{display:flex;gap:8px;margin:8px 0}.step input{flex:1}.step button{padding:7px 11px;background:#fee4e2;color:#b42318}.step:first-child button{visibility:hidden}pre{white-space:pre-wrap;background:#0f172a;color:#dbeafe;padding:12px;border-radius:8px;min-height:42px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px;border-bottom:1px solid #eef2f6;text-align:right}th:first-child,td:first-child{text-align:left}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.bar{grid-template-columns:100px 1fr 40px}}