.user-sidebar{transition:background-color .3s ease}html.dark .user-sidebar{background:#151616}html:not(.dark) .user-sidebar{background:#f5f7fa}.sidebar-title{transition:color .3s ease,border-color .3s ease}html.dark .sidebar-title{color:#ffffff;border-color:rgba(255,255,255,.08)}html:not(.dark) .sidebar-title{color:#1f2937;border-color:rgba(0,0,0,.08)}.sidebar-menu-item{position:relative;isolation:isolate;border:1px solid transparent;background:transparent}.sidebar-menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,130,246,.05),transparent);border-radius:.5rem;opacity:0;transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);z-index:0}.sidebar-menu-item.sidebar-active:before{opacity:1;transform:scaleX(1)}.sidebar-menu-item:after{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:.5rem 0 0 .5rem;transition:height .25s cubic-bezier(.4,0,.2,1);z-index:2}.sidebar-menu-item.sidebar-active:after{height:100%}.sidebar-menu-item.sidebar-active{background:linear-gradient(90deg,rgba(59,130,246,.12),rgba(59,130,246,.06) 40%,transparent 80%);border:none!important;box-shadow:none}.sidebar-menu-item:not(.sidebar-active):hover{background:linear-gradient(90deg,rgba(59,130,246,.08),rgba(59,130,246,.04) 40%,transparent 80%);border:none}:root.dark .sidebar-menu-item,html.dark .sidebar-menu-item{color:#9ca3af}:root.dark .sidebar-menu-item.sidebar-active,:root.dark .sidebar-menu-item:hover,html.dark .sidebar-menu-item.sidebar-active,html.dark .sidebar-menu-item:hover{color:#ffffff}:root:not(.dark) .sidebar-menu-item,html:not(.dark) .sidebar-menu-item{color:#6b7280}:root:not(.dark) .sidebar-menu-item.sidebar-active,:root:not(.dark) .sidebar-menu-item:hover,html:not(.dark) .sidebar-menu-item.sidebar-active,html:not(.dark) .sidebar-menu-item:hover{color:#1f2937}:root.dark .logout-btn,html.dark .logout-btn{background:transparent;border:1px solid rgba(239,68,68,.2);color:#f87171}:root.dark .logout-btn:hover,html.dark .logout-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:#fca5a5}:root:not(.dark) .logout-btn,html:not(.dark) .logout-btn{background:transparent;border:1px solid rgba(239,68,68,.2);color:#ef4444}:root:not(.dark) .logout-btn:hover,html:not(.dark) .logout-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);color:#dc2626}.mobile-menu-toggle{transition:background-color .3s ease,border-color .3s ease}html.dark .mobile-menu-toggle{background:#151616;border:1px solid rgba(255,255,255,.08)}html.dark .mobile-menu-toggle svg{color:#e5e7eb}html:not(.dark) .mobile-menu-toggle{background:#ffffff;border:1px solid rgba(0,0,0,.08)}html:not(.dark) .mobile-menu-toggle svg{color:#1f2937}body{transition:background-color .3s ease,color .3s ease}html.dark body{background-color:#151616;color:#e5e7eb}html:not(.dark) body{background-color:#f5f7fa;color:#1f2937}:root:not(.dark),html:not(.dark){--user-bg:#f5f7fa;--user-card-bg:#ffffff;--user-card-bg-secondary:#f9fafb;--user-input-bg:#f3f4f6;--user-border:rgba(0,0,0,0.08);--user-border-hover:rgba(0,0,0,0.15);--user-text:#1f2937;--user-text-secondary:#6b7280;--user-text-muted:#9ca3af;--user-primary:#3b82f6;--user-primary-hover:#2563eb;--user-success:#10b981;--user-danger:#ef4444;--user-warning:#f59e0b;--user-shadow:rgba(0,0,0,0.1);--user-shadow-hover:rgba(0,0,0,0.15)}:root.dark,html.dark{--user-bg:#151616;--user-card-bg:#1e2428;--user-card-bg-secondary:#0c0d0e;--user-input-bg:#2a3139;--user-border:rgba(255,255,255,0.08);--user-border-hover:rgba(255,255,255,0.15);--user-text:#f9fafb;--user-text-secondary:#e5e7eb;--user-text-muted:#9ca3af;--user-primary:#3b82f6;--user-primary-hover:#2563eb;--user-success:#10b981;--user-danger:#ef4444;--user-warning:#f59e0b;--user-shadow:rgba(0,0,0,0.3);--user-shadow-hover:rgba(0,0,0,0.4)}.user-layout-container{min-height:100vh}.user-layout-container,.user-main-content{background-color:var(--user-bg);transition:background-color .3s ease}.user-main-content{flex:1;width:100%;overflow-x:hidden;padding:0;position:relative}@media (min-width:1024px){.user-main-content{padding:24px}}.user-loading-overlay{position:absolute;inset:0;background-color:var(--user-bg);opacity:.5;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}