.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;transition:width var(--transition-base),box-shadow var(--transition-base);z-index:100;box-shadow:var(--shadow-md);overflow:hidden}.sidebar-collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;height:72px}.sidebar-collapsed .sidebar-header{padding:var(--spacing-md)}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-menu-item{margin:0;padding:0 var(--spacing-md)}.sidebar-menu-button{width:100%;padding:var(--spacing-base) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--spacing-base);position:relative;outline:none}.sidebar-menu-button:hover{background:var(--bg-secondary);color:var(--color-accent);transform:translate(2px);box-shadow:var(--shadow-sm)}.sidebar-menu-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sidebar-menu-button-active{background:linear-gradient(135deg,#f39c121a,#f39c120d);color:var(--color-accent);font-weight:var(--font-weight-semibold);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-glow-sm)}.sidebar-menu-button-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:var(--shadow-glow-sm)}.sidebar-menu-button-active:hover{background:linear-gradient(135deg,#f39c1226,#f39c1214);transform:translate(2px)}.sidebar-collapsed .sidebar-menu-button{justify-content:center;padding:var(--spacing-base)}.sidebar-menu-icon{display:flex;align-items:center;justify-content:center;min-width:24px;font-size:20px;transition:transform var(--transition-base)}.sidebar-menu-button:hover .sidebar-menu-icon{transform:scale(1.1)}.sidebar-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-menu-label{display:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media(max-width:768px){.sidebar{width:80px}.sidebar-header{padding:var(--spacing-md)}.sidebar-menu-button{justify-content:center;padding:var(--spacing-base)}.sidebar-menu-label{display:none}}.sidebar:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(243,156,18,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(44,62,80,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-header{position:fixed;top:0;left:0;right:0;height:72px;background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:101;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.app-header-back-button{flex-shrink:0}.app-header-title-section{min-width:0;flex:1}.app-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0;line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.app-header-user{display:flex;align-items:center;gap:var(--spacing-base);padding:var(--spacing-xs) var(--spacing-base);border-radius:var(--radius-base);transition:background-color var(--transition-base);cursor:pointer}.app-header-user:hover{background:var(--bg-secondary)}.app-header-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow-sm)}.app-header-user-avatar-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);-webkit-user-select:none;user-select:none}.app-header-user-avatar-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.app-header-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-bind-email-button{padding:var(--spacing-xs) var(--spacing-base);background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-base);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.app-header-bind-email-button:hover{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.app-header-bind-email-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-header-logout-button{padding:var(--spacing-xs) var(--spacing-base);background:transparent;border:1px solid var(--border-base);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.app-header-logout-button:hover{background:var(--bg-secondary);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-sm)}.app-header-logout-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.app-header-with-sidebar{left:260px}@media(max-width:768px){.app-header{padding:0 var(--spacing-md);height:64px}.app-header-title{font-size:var(--font-size-lg)}.app-header-subtitle,.app-header-user-name{display:none}.app-header-back-button{padding:var(--spacing-xs) var(--spacing-base);font-size:var(--font-size-sm)}.app-header-with-sidebar{left:80px}}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 50%,var(--color-primary) 100%);opacity:.3}