.portal-layout{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:calc(100vh - 92px)}.portal-main{min-width:0;background:var(--bg)}.client-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:20px}.sidebar-user{display:flex;align-items:center;gap:11px;padding:8px 9px 18px;border-bottom:1px solid var(--line)}.sidebar-user div{display:grid;gap:2px;min-width:0}.sidebar-user strong{font:700 13px "Manrope";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{color:var(--muted);font-size:11px}.user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-soft);color:#08766f;font-size:11px;font-weight:800;flex:none}.user-avatar.large{width:40px;height:40px}.sidebar-nav{display:grid;gap:3px}.sidebar-nav>a,.sidebar-nav summary{min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;list-style:none}.sidebar-nav summary{justify-content:space-between}.sidebar-nav summary::-webkit-details-marker{display:none}.sidebar-nav summary span{display:flex;align-items:center;gap:11px}.sidebar-nav i{width:20px;height:20px;display:grid;place-items:center;font-style:normal;font-size:15px}.sidebar-nav>a:hover,.sidebar-nav summary:hover,.sidebar-nav>a.active{background:var(--teal-soft);color:var(--navy)}[data-theme="dark"] .sidebar-nav>a:hover,[data-theme="dark"] .sidebar-nav summary:hover,[data-theme="dark"] .sidebar-nav>a.active{background:#173943;color:#64ded6}.sidebar-nav details[open] summary{color:var(--ink)}.sidebar-nav details summary b{transition:transform .2s}.sidebar-nav details[open] summary b{transform:rotate(180deg)}.sidebar-submenu{display:grid;margin:2px 0 6px 42px;border-left:1px solid var(--line);padding-left:10px}.sidebar-submenu a{color:var(--muted);text-decoration:none;font-size:12px;padding:8px 10px;border-radius:7px}.sidebar-submenu a:hover,.sidebar-submenu a.active{color:var(--teal);background:var(--teal-soft)}[data-theme="dark"] .sidebar-submenu a:hover,[data-theme="dark"] .sidebar-submenu a.active{background:#173943}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--muted);margin:17px 12px 5px}.sidebar-help{margin-top:auto;padding:16px;border-radius:11px;background:linear-gradient(145deg,var(--navy),#0b597d);color:#fff;display:grid;gap:7px}.sidebar-help strong{font-size:13px}.sidebar-help small{font-size:11px;line-height:1.5;color:#c9dce5}.sidebar-help a{font-size:11px;font-weight:700;color:#5de0d7;text-decoration:none}.sidebar-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;width:40px;height:40px;font-size:19px}.sidebar-backdrop{display:none}.portal-main .app-shell{max-width:1120px}.auth-header-actions{margin-left:auto}
@media(max-width:900px){.portal-layout{display:block}.client-sidebar{position:fixed;z-index:40;left:0;top:76px;bottom:0;width:280px;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 50px rgba(0,0,0,.18);overflow:auto}.sidebar-open .client-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:35;inset:76px 0 0;background:rgba(4,20,29,.5)}.sidebar-open .sidebar-backdrop{display:block}.sidebar-toggle{display:grid;place-items:center}.auth-header-actions .user-chip{display:none}.auth-header-actions .btn-ghost{padding-inline:8px}}
@media(max-width:560px){.auth-header-actions .theme-toggle{display:grid}.auth-header-actions .user-avatar{display:none}}