main { max-width:none!important; margin:0!important; padding:0!important; min-height:100vh; }
.dashboard-shell { min-height:100vh; display:grid; grid-template-columns:244px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100vh; padding:30px 18px; background:rgba(3,20,48,.76); border-right:1px solid rgba(255,255,255,.10); backdrop-filter:blur(18px); color:#d8e7ff; }
.side-brand { font-size:24px; font-weight:850; letter-spacing:-1.2px; color:#fff; padding:0 11px 33px; }.side-brand span{color:#3a9aff;font-weight:500;margin-left:4px}.sidebar p{font-size:10px;color:#7392bd;letter-spacing:1.4px;font-weight:800;padding:0 11px;margin:0 0 12px}.sidebar a{display:flex;gap:12px;align-items:center;color:#bbcee9;text-decoration:none;border-radius:9px;padding:12px 11px;margin:3px 0;font-size:14px;transition:.2s}.sidebar a:hover{background:#ffffff13;color:#fff}.sidebar a:first-of-type{background:#1675e8;color:#fff;box-shadow:0 8px 18px #001d4b80}.side-footer{position:absolute;bottom:28px;left:29px;font-size:11px;line-height:1.7;color:#7f9fc7}.side-footer b{color:#d4e5ff;font-weight:600}
.dashboard-content { padding:26px 34px 50px; max-width:1540px; width:100%; margin:auto; }.dashboard-content header{margin-top:0}.dashboard-content .section{margin:16px 0}.dashboard-content header{background:linear-gradient(105deg,#fff 0%,#f4f8ff 100%)!important}.dashboard-content header:before{content:'DASHBOARD';font-size:10px;font-weight:800;letter-spacing:1.4px;color:#3378d0;position:absolute;margin-top:-36px}.dashboard-content header{position:relative;padding-top:25px}
@media(max-width:850px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:15px;display:flex;align-items:center;gap:8px;overflow:auto}.side-brand{padding:0 12px 0 0;white-space:nowrap}.sidebar p,.side-footer{display:none}.sidebar a{white-space:nowrap;padding:8px}.dashboard-content{padding:16px 14px 35px}.dashboard-content header:before{display:none}.dashboard-content header{padding-top:18px}}