:root{--sidebar-width:232px}.sidebar{width:var(--sidebar-width);background-color:var(--n-0);border-right:1px solid var(--n-100);z-index:40;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;padding:20px 16px 14px;display:flex}.sidebar-logo{color:var(--n-900);letter-spacing:-.005em;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.sidebar-logo-text{letter-spacing:.01em}.sidebar-collapse-toggle{border-radius:var(--r-md);color:var(--n-400);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.sidebar-collapse-toggle:hover{background-color:var(--n-50);border-color:var(--n-150);color:var(--n-700)}.sidebar-nav{flex:1;padding:4px 8px;overflow:hidden auto}.sidebar-menu{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.sidebar-menu-item{margin:0}.sidebar-group-label{margin:10px 0 2px;padding:0 10px}.sidebar-group-label-text{letter-spacing:.08em;color:var(--n-500);font-size:10px;font-weight:600;display:block}.sidebar-link{border-radius:var(--r-md);color:var(--n-700);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-link-icon{color:var(--n-400);flex-shrink:0;transition:color .15s}.sidebar-link:hover{background-color:var(--n-50);color:var(--n-900)}.sidebar-link:hover .sidebar-link-icon{color:var(--n-700)}.sidebar-link.active{background-color:var(--acc-50);box-shadow:inset 3px 0 0 var(--acc-500);color:var(--n-900);font-weight:600}.sidebar-link.active .sidebar-link-icon{color:var(--acc-600)}.sidebar-footer{border-top:1px solid var(--n-100);flex-direction:column;gap:6px;padding:12px 10px;display:flex}.sidebar-user{border-radius:var(--r-md);align-items:center;gap:8px;padding:4px 6px;display:flex}.sidebar-user-avatar{background-color:var(--n-75);width:28px;height:28px;color:var(--n-600);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.sidebar-signout-button{border:1px solid var(--n-150);border-radius:var(--r-md);background:var(--n-0);width:100%;color:var(--n-700);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.sidebar-signout-button:hover:not(:disabled){background-color:var(--n-50);border-color:var(--n-200);color:var(--n-900)}.sidebar-signout-button:disabled{opacity:.6;cursor:not-allowed}.sidebar-signout-error{color:var(--st-rejected-fg);margin:0;font-size:11px}.mobile-sidebar-toggle{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:50;background:var(--n-0);border:1px solid var(--n-150);border-radius:var(--r-md);color:var(--n-700);cursor:pointer;box-shadow:var(--sh-sm);padding:6px;transition:background-color .15s,border-color .15s;display:none;position:fixed}.mobile-sidebar-toggle:hover{background-color:var(--n-50)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#0f11156b;display:none;position:fixed;inset:0}.layout-with-sidebar{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex:1;transition:margin-left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.sidebar,.main-content{transition:none}}@media (min-width:769px){.layout-with-sidebar[data-sidebar=collapsed]{--sidebar-width:64px}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-collapsible-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-header{flex-direction:column;gap:10px;padding:16px 8px 12px}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-logo{gap:0}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-nav{padding:4px 6px}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-link,.layout-with-sidebar[data-sidebar=collapsed] .sidebar-signout-button,.layout-with-sidebar[data-sidebar=collapsed] .sidebar-user{justify-content:center;gap:0;padding-left:0;padding-right:0}.layout-with-sidebar[data-sidebar=collapsed] .sidebar-group-label{border-top:1px solid var(--n-100);margin:8px 8px 4px;padding:0}}@media (max-width:768px){.mobile-sidebar-toggle{display:block}.sidebar-collapse-toggle{display:none}.sidebar{opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar.open{opacity:1;pointer-events:auto;box-shadow:var(--sh-md);transform:translate(0)}.sidebar-backdrop{display:block}.main-content{width:100%;margin-left:0}}
.topbar{border-bottom:1px solid var(--n-100);background:var(--n-0);z-index:20;align-items:center;gap:10px;height:46px;padding:0 18px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.topbar-bell{width:34px;height:34px;color:var(--n-500);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.topbar-bell:hover{background:var(--n-50);color:var(--n-900)}.topbar-bell-count{background:var(--st-rejected-dot);min-width:16px;height:16px;color:var(--n-0);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:1px;right:0}@media (max-width:768px){.topbar{padding-left:56px}}