.acct-switcher{padding:var(--space-3,12px);border-top:1px solid var(--border,#00000014);position:relative}.acct-switcher-badge{letter-spacing:.02em;color:var(--warning,#ff9500);align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:600;display:inline-flex}.acct-switcher-trigger{border:1px solid var(--border,#0000001a);border-radius:var(--radius-md,10px);background:var(--surface,#fff);width:100%;color:var(--text,#1c1c1e);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.acct-switcher-trigger:hover{border-color:var(--primary,#007aff)}.acct-switcher-trigger--active{border-color:var(--warning,#ff9500);background:color-mix(in srgb, var(--warning,#ff9500) 8%, transparent)}.acct-switcher-current{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.acct-switcher-caret{opacity:.6;flex-shrink:0;transition:transform .15s}.acct-switcher-caret--open{transform:rotate(180deg)}.acct-switcher-menu{bottom:calc(100% - var(--space-2,8px));left:var(--space-3,12px);right:var(--space-3,12px);background:var(--surface,#fff);border:1px solid var(--border,#0000001a);border-radius:var(--radius-md,10px);z-index:40;max-height:260px;padding:4px;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #00000024}.acct-switcher-item{border-radius:var(--radius-sm,8px);width:100%;color:var(--text,#1c1c1e);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;transition:background .12s;display:flex}.acct-switcher-item:hover{background:var(--surface-2,#0000000a)}.acct-switcher-item--selected{background:color-mix(in srgb, var(--primary,#007aff) 10%, transparent)}.acct-switcher-item--home{color:var(--primary,#007aff);border-bottom:1px solid var(--border,#00000014);border-radius:var(--radius-sm,8px) var(--radius-sm,8px) 0 0;flex-direction:row;align-items:center;gap:8px;margin-bottom:2px;font-size:13px;font-weight:600}.acct-switcher-item-name{font-size:13px;font-weight:500}.acct-switcher-item-slug{color:var(--text-secondary,#8e8e93);font-size:11px}.acct-switcher-empty{color:var(--text-secondary,#8e8e93);text-align:center;padding:10px;font-size:12px}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;display:flex;position:relative}.user-menu-trigger:hover{background:var(--gray-100)}.user-menu-trigger--open{background:var(--gray-100);border-color:var(--border)}.user-menu-avatar{border-radius:var(--radius-full);background:var(--purple);width:40px;height:40px;color:var(--white);font-size:var(--text-sm);font-weight:var(--font-semibold);object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-menu-avatar--lg{width:44px;height:44px;font-size:var(--text-base)}.user-menu-trigger-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-menu-trigger-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu-trigger-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu-caret{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.user-menu-caret--open{transform:rotate(180deg)}.user-menu-panel{bottom:calc(100% + var(--space-2));z-index:var(--z-popover);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1-5);transform-origin:bottom;animation:fadeInScale var(--duration-150) var(--ease-default);position:absolute;left:0;right:0}.user-menu-head{align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2) var(--space-2-5);display:flex}.user-menu-head-info{flex-direction:column;min-width:0;display:flex}.user-menu-head-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu-head-email{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu-sep{background:var(--separator);height:1px;margin:var(--space-1) var(--space-2)}.user-menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:38px;padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);font-weight:var(--font-regular);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.user-menu-item svg{color:var(--text-secondary);flex-shrink:0}.user-menu-item:hover{background:var(--gray-100)}.user-menu-item:active{background:var(--gray-200)}.user-menu-item--danger,.user-menu-item--danger svg{color:var(--danger)}.user-menu-item--danger:hover{background:var(--danger-light)}.sidebar--collapsed .user-menu-panel{left:calc(100% + var(--space-2));transform-origin:0 100%;min-width:220px;bottom:0;right:auto}.user-menu-trigger-info{max-width:160px;transition:opacity var(--duration-normal) var(--ease-default), max-width var(--duration-slow) var(--ease-in-out);white-space:nowrap;overflow:hidden}.user-menu-caret{max-width:24px;transition:transform var(--transition-fast), opacity var(--duration-normal) var(--ease-default), max-width var(--duration-slow) var(--ease-in-out);overflow:hidden}.user-menu-trigger--collapsed{padding:var(--space-1);justify-content:center;gap:0}.user-menu-trigger--collapsed .user-menu-trigger-info,.user-menu-trigger--collapsed .user-menu-caret{opacity:0;pointer-events:none;max-width:0}.sidebar{width:var(--sidebar-current);height:calc(100vh - 2 * var(--space-4));height:calc(100dvh - 2 * var(--space-4));background:var(--surface);left:var(--space-4);top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-sticky);transition:transform var(--duration-normal) var(--ease-default), width var(--duration-slow) var(--ease-in-out);flex-direction:column;display:flex;position:fixed}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);display:flex}.sidebar-logo{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-logo:hover{background:var(--gray-100)}.sidebar-logo:active{transform:scale(.94)}.sidebar-logo:disabled{cursor:default;background:0 0}.sidebar-logo:disabled:active{transform:none}.sidebar-collapse-toggle{border-radius:var(--radius);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-collapse-toggle:hover{background:var(--gray-100);color:var(--text)}.sidebar--collapsed .sidebar-collapse-toggle{display:none}@media (width<=768px){.sidebar-collapse-toggle{display:none}}.sidebar-logo-text{color:var(--white);font-size:var(--text-lg);font-weight:var(--font-bold)}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text);line-height:var(--leading-tight)}.sidebar-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.sidebar-close{background:var(--gray-100);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;margin-left:auto;display:none}.sidebar-close:hover{background:var(--gray-200);color:var(--text)}.sidebar-nav{padding:var(--space-2) var(--space-3);flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3);display:block}.sidebar-menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text);font-size:var(--text-base);font-weight:var(--font-regular);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--gray-100);text-decoration:none}.sidebar-link:active{background:var(--gray-200)}.sidebar-link--active{background:var(--primary-light);color:var(--primary);font-weight:var(--font-medium)}.sidebar-link--active:hover{background:var(--primary-light)}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-link-label{flex:1}.sidebar-link-arrow{opacity:0;color:var(--primary);transition:opacity var(--transition-fast)}.sidebar-link--active .sidebar-link-arrow{opacity:1}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--separator)}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);width:40px;height:40px;color:var(--white);font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-logout{border-radius:var(--radius);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-logout:hover{background:var(--danger-light);color:var(--danger)}.sidebar-mobile-bar{top:var(--space-4);left:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-3);z-index:calc(var(--z-sticky) - 1);display:none;position:fixed}.sidebar-mobile-toggle{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-lg);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-mobile-brand{align-items:center;gap:var(--space-2);height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);font-weight:var(--font-semibold);color:var(--text);font-size:var(--text-base);display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-default), visibility var(--duration-normal);background:#0000004d;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;visibility:visible}.sidebar--collapsed .sidebar-section-title,.sidebar--collapsed .sidebar-link-arrow,.sidebar--collapsed .acct-switcher{display:none}.sidebar-link-label,.sidebar-brand-text{white-space:nowrap;max-width:200px;transition:opacity var(--duration-normal) var(--ease-default), max-width var(--duration-slow) var(--ease-in-out);overflow:hidden}.sidebar--collapsed .sidebar-brand-text,.sidebar--collapsed .sidebar-link-label{opacity:0;pointer-events:none;max-width:0}.sidebar--collapsed .sidebar-brand{padding:var(--space-5) var(--space-2);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column}.sidebar--collapsed .sidebar-nav{padding:var(--space-2)}.sidebar--collapsed .sidebar-link{padding:var(--space-2);justify-content:center;gap:0}.sidebar--collapsed .sidebar-link-icon{width:auto}.sidebar--collapsed .sidebar-footer{padding:var(--space-3)}@media (width<=768px){.sidebar{height:100dvh;box-shadow:var(--shadow-xl);border:none;border-radius:0;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-mobile-bar,.sidebar-close{display:flex}}.app-layout{background:var(--bg);min-height:100dvh}.app-main{margin-left:calc(var(--sidebar-current) + 2 * var(--space-4));min-height:100dvh;transition:margin-left var(--duration-slow) var(--ease-in-out)}.app-content{padding:var(--space-8);max-width:var(--content-max);animation:fadeIn var(--duration-normal) var(--ease-default)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-8);display:flex}.page-header-content{flex:1;min-width:0}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin:0}.page-subtitle{font-size:var(--text-md);color:var(--text-secondary);margin:var(--space-2) 0 0}.page-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.page-body{animation:fadeIn var(--duration-fast) var(--ease-default)}@media (width<=1024px){.app-content{padding:var(--space-6)}}@media (width<=768px){.app-main{margin-left:0;padding-top:68px}.app-content{padding:var(--space-5)}.page-header{gap:var(--space-4);flex-direction:column}.page-title{font-size:var(--text-2xl)}.page-actions{width:100%}.page-actions>*{flex:1}.page-actions .btn{justify-content:center}}@media (width<=480px){.app-content{padding:var(--space-4)}.page-title{font-size:var(--text-xl)}}