*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f8fc;color:#102a63}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid #e6ebf4;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:#202020}.qb{background:#1558ff;color:#fff;border-radius:8px;padding:5px 7px;font-weight:900}.company{font-size:11px;color:#8090ad;letter-spacing:2px;margin:8px 0 22px 43px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.sidebar button{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:9px;color:#52617d;font-size:14px;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:#edf3ff;color:#1254e8;font-weight:700}.userbox{position:absolute;bottom:24px;left:16px;right:16px;border-top:1px solid #edf0f5;padding:16px 8px}.userbox b,.userbox span{display:block}.userbox span{font-size:12px;color:#8995aa;margin-top:4px}.content{margin-left:245px;width:calc(100% - 245px);padding:34px 42px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#6f82a9;margin:0 0 6px}h1{font-size:30px;margin:0;color:#0d2863}h2{font-size:28px;line-height:1.18;margin:7px 0 10px}.header-actions{display:flex;gap:10px}.ghost,.primary{border:0;border-radius:9px;padding:11px 16px;cursor:pointer;font-weight:700}.primary{background:#1458ff;color:#fff}.ghost{background:#fff;color:#31507f;border:1px solid #dce4f2}.hero{background:linear-gradient(120deg,#eef4ff,#fff);border:1px solid #dce6fb;border-radius:18px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.hero p{color:#657797;max-width:650px;line-height:1.6}.hero-card{background:#fff;border:1px solid #e3e9f3;border-radius:14px;padding:18px;min-width:190px;box-shadow:0 10px 30px #123a6a12}.hero-card strong{display:block;font-size:34px;margin:7px 0}.hero-card span{font-size:12px;color:#7b89a2}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:18px;box-shadow:0 4px 18px #153a7010}.card small,.card span{display:block;color:#77859f;font-size:12px}.card b{display:block;font-size:26px;margin:10px 0 4px}.card small{color:#2f72e8}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head span{font-size:12px;color:#3970dc}.row{justify-content:space-between;padding:14px 0;color:#52617d}.activity,.row{display:flex;border-top:1px solid #edf0f5}.activity{gap:12px;padding:12px 0}.activity i{width:9px;height:9px;border-radius:50%;background:#2e72ff;margin-top:5px}.activity b,.activity small{display:block}.activity small{font-size:11px;color:#8b96a8;margin-top:3px}.large{min-height:360px}.muted{color:#71809b;line-height:1.7}@media(max-width:900px){.sidebar{width:72px;padding:18px 10px}.brand span:last-child,.company,.sidebar button{font-size:0}.sidebar button:before{content:"•";font-size:20px}.userbox{display:none}.content{margin-left:72px;width:calc(100% - 72px);padding:24px 18px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:18px 12px}.stats{grid-template-columns:1fr 1fr}.hero{display:block}.hero-card{margin-top:16px}.header-actions{display:none}}