.saas-active{background:#f4f6fa}.saas-active>.app-shell>.sidebar,.saas-active>.app-shell>.content>.topbar{display:none}.saas-active>.app-shell,.saas-active>.app-shell>.content{display:block;width:100%;margin:0}.saas-active .screen{max-width:none;padding:0}.saas-shell{display:grid;grid-template-columns:258px 1fr;min-height:100vh;background:#f4f6fa}.saas-sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:258px;padding:24px 13px 16px;background:#10203a;color:#fff}.saas-brand{display:block;margin:0 10px 35px;color:#fff;text-decoration:none;font:600 21px Outfit,sans-serif}.saas-brand>span:first-child{display:inline-grid;width:29px;height:29px;place-items:center;margin-right:8px;border-radius:8px;background:#5e7cff;font:700 10px DM Sans,sans-serif}.saas-brand>span:last-of-type{color:#91a5ff}.saas-brand small{display:block;margin:9px 0 0 38px;color:#7184a3;font:700 9px DM Sans,sans-serif;letter-spacing:1px}.saas-sidebar>p,.saas-sidebar nav>p{margin:0 11px 8px;color:#647590;font-size:9px;font-weight:700;letter-spacing:1px}.saas-sidebar nav{display:grid;gap:3px}.saas-sidebar nav>p{margin-top:20px}.saas-sidebar nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 11px;border-radius:7px;color:#a9b6ca;text-decoration:none;font-size:12px;font-weight:600}.saas-sidebar nav a.active,.saas-sidebar nav a:hover{background:#233855;color:#fff}.saas-sidebar nav b{margin-left:auto;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#ff6950;color:white;font-size:9px}.saas-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 10px;border-top:1px solid #263b59}.saas-user>span,.saas-main header>div:last-child>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#5e7cff;color:#fff;font-size:10px}.saas-user strong,.saas-user small{display:block;font-size:11px}.saas-user small{margin-top:3px;color:#8494ae;font-size:9px}.saas-main{margin-left:258px}.saas-main header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 38px;border-bottom:1px solid #e2e6ec;background:#fff}.saas-main header small,.saas-main header strong{display:block}.saas-main header small{color:#9aa5b5;font-size:9px;font-weight:700;letter-spacing:.8px}.saas-main header strong{margin-top:3px;color:#263144;font:600 15px Outfit,sans-serif}.saas-main header>div:last-child{display:flex;gap:10px;align-items:center}.saas-main header button{padding:7px 10px;border:1px solid #e1e5eb;border-radius:7px;background:#fff;color:#66748a;font-size:11px}.saas-content{max-width:1440px;padding:34px 38px 55px;margin:auto}.saas-content .page-heading{margin-bottom:27px}.saas-content .page-heading h1{font-size:29px}.saas-content .stats{margin-top:0}@media(max-width:760px){.saas-shell{display:block}.saas-sidebar{transform:translateX(-100%)}.saas-main{margin:0}.saas-main header{padding:0 17px}.saas-content{padding:24px 17px}.saas-main header>div:last-child button:first-child{display:none}}