.sidebar nav{gap:8px;margin-top:36px;overflow-y:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-primary{flex:0 0 auto}.nav-group{border-radius:16px;transition:background .2s}.nav-group.open,.nav-group.active{background:rgba(255,255,255,.045)}.nav-group-toggle{display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:14px;width:100%;height:49px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.68);cursor:pointer;text-align:left}.nav-group-toggle i{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:9px;font-style:normal}.nav-group-toggle span{font-size:13px;font-weight:680}.nav-group-toggle b{color:rgba(255,255,255,.3);font-size:14px;transform:rotate(-90deg);transition:transform .2s}.nav-group.open .nav-group-toggle b,.nav-group.active .nav-group-toggle b{transform:rotate(0)}.nav-group.active .nav-group-toggle{color:#fff}.nav-group.active .nav-group-toggle i{border-color:rgba(111,230,232,.35);background:rgba(72,218,220,.12);color:#72e4e5}.nav-children{display:none;padding:0 7px 8px 39px}.nav-group.open .nav-children,.nav-group.active .nav-children{display:flex;flex-direction:column;gap:3px}.nav-children .nav-item{height:36px;padding:0 12px;border-radius:10px}.nav-children .nav-item span{font-size:11px;font-weight:620}.nav-children .nav-item.active{background:rgba(255,255,255,.1)}.admin-role-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:14px;padding:24px 26px;border:1px solid rgba(22,24,34,.06);border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(245,246,255,.92));box-shadow:0 15px 44px rgba(27,31,52,.05)}.admin-role-intro h3{margin:8px 0 5px;font-size:20px}.admin-role-intro p{max-width:720px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.role-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.role-card{min-height:116px;padding:16px;border:1px solid rgba(22,24,34,.06);border-radius:17px;background:rgba(255,255,255,.78)}.role-card b,.role-card span{display:block}.role-card b{font-size:12px}.role-card span{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.55}.role-card small{display:inline-block;margin-top:10px;padding:4px 7px;border-radius:999px;background:#eff0ff;color:#6568d8;font-size:9px}.admin-identity{display:flex;align-items:center;gap:10px}.admin-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eeefff;color:#6265eb;font-size:12px;font-weight:800}.admin-identity b,.admin-identity small{display:block}.admin-identity b{font-size:11px}.admin-identity small{margin-top:4px;color:var(--muted);font-size:9px}.role-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef3f7;color:#596875;font-size:9px;font-weight:750}.role-pill.owner{background:#eeeefe;color:#5c5fd7}.role-pill.finance{background:#fff3e6;color:#b1762f}.role-pill.operations{background:#eaf9f5;color:#238e6b}.role-pill.support{background:#edf6ff;color:#397cb2}.admin-self{margin-left:5px;color:var(--primary);font-size:9px}.role-description{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f5f6fa;color:#737784;font-size:11px;line-height:1.6}.modal-card select{width:100%;height:48px;margin-top:8px;padding:0 13px;border:1px solid #dfe1e9;border-radius:14px;background:#fff;color:var(--ink);outline:0}.permission-denied{padding:30px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:1200px){.role-guide{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.nav-group-toggle{display:flex;justify-content:center;padding:0}.nav-group-toggle span,.nav-group-toggle b,.nav-children{display:none!important}.nav-group.open,.nav-group.active{background:transparent}.role-guide{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.role-guide{grid-template-columns:1fr}.admin-role-intro{flex-direction:column}.admin-role-intro .compact{width:100%}}
@media(max-width:1000px) and (min-width:701px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:24px 14px}.sidebar .brand-side div,.sidebar .nav-item span,.sidebar .sidebar-bottom{display:block}.nav-group-toggle{display:grid;justify-content:initial;padding:0 14px}.nav-group-toggle span,.nav-group-toggle b{display:block!important}.nav-group.open .nav-children,.nav-group.active .nav-children{display:flex!important}}