.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:9px;padding:24px 20px 22px;font-size:25px;font-weight:700;letter-spacing:-1px;color:var(--text)}.brand-mark{display:grid;place-content:center;width:30px;height:30px;background:var(--primary);color:var(--on-primary);border-radius:8px;letter-spacing:0;font-size:21px;line-height:1}.brand small{font-size:9px;letter-spacing:1px;font-weight:600;color:var(--muted);margin-left:auto}.workspace{margin:0 12px 16px;padding:10px;display:flex;gap:9px;align-items:center;text-align:left;background:var(--canvas);border:1px solid var(--border);border-radius:6px}.workspace strong{font-size:12px}.workspace .workspace-copy{flex:1}.workspace .avatar{width:27px;height:27px;border-radius:6px;font-size:10px}.workspace p{font-size:11px;color:var(--muted)}.nav{overflow:auto;padding:0 12px;flex:1;scrollbar-width:thin}.nav-group{margin-bottom:16px}.group-label{display:flex;justify-content:space-between;width:100%;padding:0 10px 7px;border:0;background:none;font-size:10px;letter-spacing:1.1px;color:var(--muted);font-weight:600;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px 0;color:var(--muted);border-radius:6px;font-size:13px;font-weight:500;min-height:35px}.nav-link .icon{width:17px;height:17px}.nav-link:hover{background:var(--canvas);color:var(--text)}.nav-link.active{background:var(--tint);color:var(--primary);font-weight:600}.nav-count{margin-left:auto;font-size:11px;background:var(--surface);border-radius:4px;padding:0 5px}.sidebar-bottom{padding:12px;border-top:1px solid var(--border)}.profile-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 4px 2px;text-align:left;border:0;background:none}.profile-btn strong{font-size:12px}.profile-btn small{display:block;font-size:11px}.shell{grid-column:2;min-width:0}.topbar{height:64px;position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px}.global-search{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--muted);padding:8px 0;text-align:left;min-width:260px;font-size:13px}.global-search kbd{margin-left:45px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions .separator{height:20px;width:1px;background:var(--border);margin:0 5px}.notification-btn{position:relative}.notification-btn.has-unread:after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;border:2px solid var(--surface);box-sizing:content-box;border-radius:50%;background:var(--primary)}.mobile-menu{display:none}main{padding:28px 30px 24px;max-width:1680px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading p{color:var(--muted);margin-top:5px;font-size:13px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:1.1px;text-transform:uppercase;margin-bottom:7px}.page-footer{display:flex;justify-content:space-between;gap:12px;padding-top:24px;color:var(--muted);font-size:11px}.app.collapsed{--sidebar:72px}.collapsed .brand{padding:24px 20px}.collapsed .brand-name,.collapsed .brand small,.collapsed .workspace,.collapsed .group-label,.collapsed .nav-label,.collapsed .nav-count,.collapsed .profile-copy,.collapsed .sidebar-bottom .nav-label{display:none}.collapsed .nav-link{justify-content:center;padding:10px}.collapsed .profile-btn{justify-content:center}.collapsed .nav-group{margin-bottom:8px}.mobile-scrim{display:none}
.shell-collapse{position:absolute;right:10px;top:23px;width:28px;height:28px}.brand small{display:none}.collapsed .shell-collapse{position:static;align-self:center;margin:-10px 0 10px}