:root{--bg:#07111f;--panel:#0d1a2b;--line:#1d334c;--text:#f3f7fb;--muted:#8ea4bb;--accent:#5aa9ff;--good:#42d392}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}button{font:inherit}.shell{display:flex;min-height:100vh}aside{width:240px;background:#06101c;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;flex-direction:column;gap:3px;font-size:22px}.brand span,aside small,small,p{color:var(--muted)}nav{display:grid;gap:8px}.nav{background:transparent;border:0;color:var(--muted);text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav:hover,.nav.active{background:#102238;color:var(--text)}aside>small{margin-top:auto}main{flex:1;padding:32px 42px;max-width:1500px;margin:auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}h1,h2,h3{margin:6px 0}h1{font-size:28px}h2{font-size:34px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#06101c;font-weight:800}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pill{padding:9px 12px;border:1px solid #1f5c48;border-radius:999px;color:var(--good);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metrics article,.panel,.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.metrics article{display:grid;gap:8px}.metrics article span,.metrics article small{color:var(--muted)}.metrics article b{font-size:30px}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.rows{display:grid}.rows div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.rows div:last-child{border-bottom:0}ul{padding-left:20px;line-height:2;color:var(--muted)}.bar{height:9px;background:#172a40;border-radius:20px;overflow:hidden;margin:14px 0}.bar i{display:block;height:100%;background:var(--accent);border-radius:20px}.workflow{padding:28px 8px;color:var(--accent);line-height:2.3}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.tool-card{display:grid;gap:9px}.tool-card span{color:var(--muted);font-size:14px}.view{display:none}.active-view{display:block}@media(max-width:900px){aside{width:190px}.metrics{grid-template-columns:repeat(2,1fr)}.grid,.tools{grid-template-columns:1fr}main{padding:24px}}@media(max-width:600px){aside{display:none}.metrics{grid-template-columns:1fr}}