.sidebar{width:224px;background:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:30}.brand{height:88px;display:flex;gap:11px;align-items:center;padding:0 27px}.brand-mark{width:38px;height:40px;border-radius:12px;background:var(--primary);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:600;box-shadow:0 5px 12px #2196e528}.brand-name{font-size:23px;font-weight:700;letter-spacing:2px}.brand-sub{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.org-switch{margin:0 17px 16px;padding:11px;background:#f6f9fc;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px}.org-icon{padding:5px;background:#fff;border-radius:7px;color:var(--primary)}.navigation{overflow:auto;flex:1;padding:0 13px}.nav-section{font-size:10px;letter-spacing:1px;color:#a0adbb;margin:20px 16px 8px}.nav-link{width:100%;display:flex;gap:13px;align-items:center;padding:11px 16px;margin:3px 0;border-radius:8px;color:#6e7e92;font-size:13px;text-align:left}.nav-link:hover{background:var(--bg)}.nav-link.active{color:var(--primary);background:var(--primary-soft);font-weight:600}.nav-link .count{margin-left:auto;font-size:10px;min-width:18px;background:#f15b64;color:#fff;text-align:center;padding:0 6px;border-radius:4px}.notification-button{position:relative}.notification-button>span{position:absolute;top:-4px;right:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid white;border-radius:10px;background:#f15b64;color:#fff;font-size:9px;line-height:13px;text-align:center}.sidebar-foot{padding:15px 22px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.shell{margin-left:224px}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 32px;gap:15px}.top-left,.top-right{display:flex;align-items:center;gap:20px}.top-left{color:var(--muted);font-size:12px}.top-left strong{color:var(--text);font-weight:500}.topbar select{border:0;background:var(--bg);font-size:12px}.avatar{background:#e6f3ff;color:var(--primary);border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;font-weight:600}.profile{display:flex;gap:10px;align-items:center;font-size:12px}.profile small{display:block;font-size:10px}.main{width:100%;max-width:none;margin:0;padding:29px clamp(24px,2vw,40px) 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:16px}.page-heading p{font-size:12px;color:var(--muted);margin-top:5px}.heading-actions{display:flex;gap:10px}.page-footer{display:flex;justify-content:space-between;margin-top:26px;font-size:10px;color:#a6b1c0}.mobile-toggle{display:none}.prototype{font-size:10px;padding:3px 7px;background:var(--warning-soft);color:#ba8c3c;border-radius:4px}@media(min-width:1550px){.main{padding-top:32px}}@media(max-width:1100px){.sidebar{width:190px}.shell{margin-left:190px}.main{padding:24px}.topbar{padding:0 24px}.top-right{gap:10px}.brand{padding:0 20px}.top-left .crumb-extra{display:none}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:224px;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.shell{margin-left:0}.mobile-toggle{display:block}.topbar{padding:0 16px}.main{padding:20px 14px}.top-left{gap:8px}.top-right .profile,.prototype{display:none}.top-right{gap:5px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:22px}.page-footer{font-size:9px}.heading-actions{flex-wrap:wrap}}