*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh;display:flex}.side{color:#fff;z-index:10;background:#111827;flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #293244;align-items:center;gap:10px;padding:0 8px 20px;display:flex}.logo{color:#111827;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand b{letter-spacing:.8px;font-size:14px;display:block}.brand span{color:#9ca3af;letter-spacing:2px;font-size:10px}.workspace{color:#8b95a7;letter-spacing:1.4px;margin:22px 10px 8px;font-size:10px}.nav{color:#aeb7c7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:11px 12px;font-size:13px;display:flex}.nav:hover,.nav.active{color:#fff;background:#253044}.sidebottom{border-top:1px solid #293244;margin-top:auto;padding-top:14px}.user{align-items:center;gap:9px;padding:7px;display:flex}.user b{font-size:12px;display:block}.user small{color:#9ca3af;font-size:10px}.avatar{color:#111827;background:#e5e7eb;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.side .avatar{color:#fff;background:#334155}.close,.hamb{color:inherit;background:0 0;border:0;display:none}main{width:calc(100% - 250px);margin-left:250px}header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex}.crumb{letter-spacing:1.5px;color:#8992a3;margin-bottom:5px;font-size:9px}h1{margin:0;font-size:22px}.headerRight{align-items:center;gap:16px;display:flex}.live{color:#4b5563;font-size:11px}.content{max-width:1400px;padding:30px 34px}.hero{color:#fff;background:#111827;border-radius:18px;justify-content:space-between;align-items:flex-start;min-height:150px;padding:27px 30px;display:flex}.eyebrow{letter-spacing:2px;color:#8b95a7;margin:0 0 8px;font-size:9px}.hero h2{margin:0 0 7px;font-size:28px}.hero p:not(.eyebrow){color:#b9c1cf;margin:0;font-size:12px}.badge,.status{letter-spacing:1.3px;color:#047857;background:#ecfdf3;border-radius:20px;padding:8px 10px;font-size:9px}.grid{gap:14px;display:grid}.cards{grid-template-columns:repeat(4,1fr);margin-top:16px}.card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;min-height:130px;padding:18px}.cardicon{background:#f1f4f8;border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:13px;display:grid}.cardicon svg{width:17px}.card span{color:#7c8697;font-size:11px;display:block}.card strong{margin-top:4px;font-size:19px;display:block}.lower{grid-template-columns:2fr 1fr;margin-top:14px}.panel{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:22px}.panel h3{margin:0;font-size:14px}.panelhead{justify-content:space-between;align-items:center;display:flex}.panelhead span:not(.status){color:#8b95a7;margin-top:5px;font-size:11px;display:block}.progress{background:#edf0f4;border-radius:10px;height:10px;margin:28px 0 10px;overflow:hidden}.progress div{background:#111827;border-radius:10px;height:100%}.meta{color:#8b95a7;justify-content:space-between;font-size:10px;display:flex}.empty{text-align:center;color:#8b95a7;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.empty svg{color:#9ca3af}.empty b{color:#4b5563;font-size:12px}.module{padding:40px}.module h2{margin:0 0 10px;font-size:28px}.module p:not(.eyebrow){color:#667085;max-width:700px;line-height:1.7}.coming{letter-spacing:1.4px;color:#475569;background:#f1f5f9;border-radius:7px;margin-top:25px;padding:10px 12px;font-size:9px;display:inline-block}@media (max-width:900px){.side{transition:all .2s;transform:translate(-100%)}.side.open{transform:translate(0)}.close{margin-left:auto;display:block}.hamb{color:#111827;display:block}.shell main{width:100%;margin-left:0}header{padding:0 18px}.content{padding:20px}.headerRight .live{display:none}.cards{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}}@media (max-width:520px){.cards{grid-template-columns:1fr}.hero{flex-direction:column;gap:18px;padding:22px}.meta{flex-direction:column;gap:5px}}