.rec-shell{min-height:100dvh;background:var(--bg-canvas)}.rec-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;width:260px;display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-20) var(--space-16);background:var(--bg-surface);border-right:1px solid var(--border-subtle);transform:translateX(-100%);transition:transform .22s ease;overflow:hidden}.rec-shell--open .rec-sidebar{transform:translateX(0)}.rec-overlay{position:fixed;inset:0;z-index:40;border:0;padding:0;background:rgba(0,0,0,.4);cursor:pointer}.rec-sidebar__brand{display:flex;align-items:center;gap:10px}.rec-sidebar__logo{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-on-brand);font-weight:700;font-size:13px}.rec-sidebar__brand-name{font-weight:500;font-size:14px;line-height:20px;color:var(--text-primary);white-space:nowrap}.rec-sidebar__nav{display:flex;flex-direction:column;gap:2px}.rec-navlink{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:400;font-size:14px;line-height:20px;white-space:nowrap}.rec-navlink__icon{flex:none;display:inline-flex;color:inherit}.rec-navlink__icon svg.lucide{color:inherit}.rec-navlink--active{background:var(--brand-primary);color:var(--text-on-brand)}.rec-main{display:flex;flex-direction:column;min-height:100dvh;margin-left:0}.rec-topbar{position:sticky;top:0;z-index:30;justify-content:space-between;gap:var(--space-16);padding:var(--space-12) var(--space-16);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.rec-topbar,.rec-topbar__left{display:flex;align-items:center}.rec-topbar__left{gap:var(--space-12);flex:1;min-width:0}.rec-topbar__actions{display:flex;align-items:center;gap:var(--space-16)}.rec-usermenu{position:relative}.rec-usermenu__trigger{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4);border:0;background:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.rec-usermenu__panel{position:absolute;top:calc(100% + var(--space-8));right:0;z-index:40;display:grid;gap:var(--space-4);min-width:200px;padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px rgb(0 0 0/.08)}.rec-usermenu__who{display:flex;flex-direction:column;padding:var(--space-8);border-bottom:1px solid var(--border-subtle)}.rec-usermenu__name{font-size:13px;line-height:18px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-usermenu__role{font-size:12px;line-height:17px;color:var(--text-muted)}.rec-usermenu__item{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8);border:0;background:none;border-radius:var(--radius-md);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.rec-usermenu__item:focus-visible,.rec-usermenu__item:hover{background:var(--bg-surface-muted)}.rec-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.rec-stage{flex:1;padding:var(--space-16)}@media (min-width:768px){.rec-hamburger,.rec-overlay{display:none}.rec-sidebar{transform:none;width:72px;transition:width .18s ease}.rec-sidebar:focus-within,.rec-sidebar:hover{width:232px}.rec-main{margin-left:72px}.rec-stage{padding:var(--space-24)}.rec-collapsible{opacity:0;transition:opacity .15s ease;pointer-events:none}.rec-sidebar:focus-within .rec-collapsible,.rec-sidebar:hover .rec-collapsible{opacity:1;pointer-events:auto}}@media (min-width:1024px){.rec-sidebar,.rec-sidebar:focus-within,.rec-sidebar:hover{width:232px;transition:none}.rec-main{margin-left:232px}.rec-stage{padding:var(--space-40)}.rec-collapsible{opacity:1;pointer-events:auto}}