:root{--red:#b5121b;--red2:#8f0f16;--ink:#17191d;--char:#34373c;--muted:#697078;--line:#dfe2e5;--soft:#f4f5f6;--cream:#faf8f3;--white:#fff;--green:#16734b;--amber:#9b6200;--shadow:0 10px 28px rgba(20,24,30,.07)}*{box-sizing:border-box}html{background:var(--soft)}body{margin:0;background:var(--soft);color:var(--ink);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 71px)}.side{background:#26292e;color:#fff;padding:24px 16px}.side strong{display:block;font-size:12px;letter-spacing:.12em;color:#b9bec5;margin:0 10px 13px}.side a{display:flex;align-items:center;gap:10px;color:#eef0f2;padding:10px 12px;border-radius:5px;margin:2px 0;font-weight:650}.side a:hover,.side a.active{background:#fff;color:#202328;text-decoration:none}.side .network{margin:22px 10px 8px;padding-top:18px;border-top:1px solid #45494f}.content{padding:34px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:32px;line-height:1.15;margin:0 0 7px}.page-head p{margin:0;color:var(--muted);max-width:720px}.network-switch{display:flex;background:#e4e6e8;padding:4px;border-radius:5px}.network-switch button{border:0;padding:9px 13px;background:transparent;font-weight:800;color:#555;cursor:pointer}.network-switch .on{background:#fff;color:var(--red);box-shadow:0 1px 4px #0001}.network-switch .locked{opacity:.48;cursor:not-allowed}.notice{padding:13px 16px;border-left:4px solid var(--red);background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric,.panel,.tool-card{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.metric{padding:18px}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.09em}.metric strong{display:block;font-size:25px;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.panel{padding:22px;margin-bottom:18px}.panel h2,.tool-card h2{font-size:18px;margin:0 0 8px}.panel p,.tool-card p{color:var(--muted)}.tool-card{padding:22px;min-height:190px;display:flex;flex-direction:column}.tool-card .action{margin-top:auto}.button,button.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:4px;background:var(--red);color:#fff;padding:10px 15px;font-weight:800;cursor:pointer}.button:hover{background:var(--red2);text-decoration:none}.button.secondary{background:#fff;color:var(--ink);border:1px solid #bfc3c7}.button.disabled{background:#ddd;color:#777;cursor:not-allowed}.tag{display:inline-block;padding:4px 7px;font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:3px;background:#e9f5ef;color:var(--green)}.tag.gated{background:#fff2da;color:var(--amber)}.tag.locked{background:#f2e5e6;color:var(--red2)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);letter-spacing:.06em}.mono{font-family:Cascadia Mono,Consolas,monospace;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:13px}.field input,.field select,.field textarea{border:1px solid #bcc1c6;background:#fff;border-radius:4px;padding:11px;font:inherit}.field textarea{min-height:110px}.empty{padding:34px;text-align:center;color:var(--muted);background:var(--cream);border:1px dashed #c8c5bd}.steps{counter-reset:steps}.step{position:relative;padding:0 0 22px 40px}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#333;color:#fff;font-weight:800;font-size:12px}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:10px}.side strong,.side .network{display:none}.side a{white-space:nowrap}.metrics,.grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.content{padding:20px}.metrics,.grid,.grid.two,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.field.full{grid-column:auto}}