.sidebar{position:fixed;top:0;left:0;height:100vh;width:18.1875rem;background-color:var(--card-bg);display:flex;flex-direction:column;z-index:1000;transition:all .2s linear;overflow-x:hidden;overflow-y:auto;padding:var(--space-6) var(--space-6) var(--space-4);scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-collapsed{width:72px;padding:var(--space-6) var(--space-4) var(--space-4)}.sidebar-header{padding:0 0 var(--space-5) 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:var(--space-4);gap:var(--space-3)}.sidebar-collapsed .sidebar-header{justify-content:center;border-bottom:none;padding-bottom:var(--space-3);margin-bottom:0}.sidebar-brand{display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:opacity .2s ease;flex:1}.sidebar-brand:hover{opacity:.8}.sidebar-logo{height:40px;width:auto;transition:opacity .3s ease}.sidebar-logo-light{display:block}.sidebar-logo-dark,[data-theme=dark] .sidebar-logo-light{display:none}[data-theme=dark] .sidebar-logo-dark{display:block}.sidebar-collapsed .sidebar-logo{height:32px}.sidebar-favicon{width:40px;height:40px;transition:opacity .3s ease}.sidebar-toggle-btn{position:relative;background:transparent;border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:flex!important;align-items:center;justify-content:center;color:var(--color-fg-muted);cursor:pointer;transition:all .2s linear;flex-shrink:0;font-size:var(--font-size-base)}.sidebar-toggle-btn:hover{background-color:var(--color-hover-bg);color:var(--color-fg);border-color:var(--color-border-hover)}.sidebar-toggle-btn svg{display:block;flex-shrink:0;width:var(--font-size-base);height:var(--font-size-base)}.sidebar-toggle-btn-collapsed{position:relative;background:transparent;border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:flex!important;align-items:center;justify-content:center;color:var(--color-fg-muted);cursor:pointer;transition:all .2s linear;margin:var(--space-3) 0 var(--space-3) auto;flex-shrink:0;font-size:var(--font-size-base)}.sidebar-toggle-btn-collapsed:hover{background-color:var(--color-hover-bg);color:var(--color-fg);border-color:var(--color-border-hover)}.sidebar-toggle-btn-collapsed svg{display:block;flex-shrink:0;width:var(--font-size-base);height:var(--font-size-base)}.sidebar-toggle-btn-collapsed:before{content:"";position:absolute;top:50%;right:calc(100% + var(--space-1));transform:translateY(-50%);width:20px;height:1px;background-color:var(--color-border)}.sidebar-nav{flex:0 1 auto;overflow:visible;padding:var(--space-2) 0}.sidebar-section{margin-bottom:var(--space-4);position:relative}.sidebar-collapsed .sidebar-section:not(:last-child):after{content:"";display:block;height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.sidebar-section-title{color:var(--color-fg-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:-.015rem;line-height:normal;margin-bottom:var(--space-2)}.sidebar-section:first-child .sidebar-section-title{margin-top:0}.sidebar-collapsed .sidebar-section-title{opacity:0;max-width:0;padding-left:0;padding-right:0;transition-delay:0s,.05s,.05s}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu>li:first-child .sidebar-link{margin-top:0}.sidebar-link{display:flex;align-items:center;padding:var(--space-1) var(--space-2);margin-top:var(--space-2);margin-bottom:0;margin-left:0;margin-right:0;color:var(--color-fg);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);letter-spacing:-.01rem;line-height:normal;height:2.5rem;border-radius:var(--radius-md);transition:all .2s linear;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"kern" 1}.sidebar-collapsed .sidebar-link{justify-content:center;padding:var(--space-2) var(--space-2)}.sidebar-link:hover{background-color:var(--color-primary-light);color:var(--color-fg)}.sidebar-link-active{background-color:var(--color-primary-light)!important;color:var(--color-fg);font-weight:var(--font-weight-medium)}.sidebar-link-icon{flex-shrink:0;color:var(--color-fg);margin-right:var(--space-2);width:20px;height:20px}.sidebar-link:hover .sidebar-link-icon{color:var(--color-primary)}.sidebar-link-active .sidebar-link-icon{color:var(--color-fg)}.sidebar-collapsed .sidebar-link-icon{margin-right:0}.sidebar-icon-active,.sidebar-icon-default{width:20px;height:20px;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-icon-default{display:block}.sidebar-dropdown-toggle:hover .sidebar-icon-default,.sidebar-icon-active,.sidebar-link:hover .sidebar-icon-default{display:none}.sidebar-dropdown-toggle:hover .sidebar-icon-active,.sidebar-link:hover .sidebar-icon-active{display:block}.sidebar-link-active .sidebar-icon-default{display:none}.sidebar-link-active .sidebar-icon-active{display:block}[data-theme=dark] .sidebar-icon-default{filter:invert(100%) sepia(2%) saturate(1042%) hue-rotate(255deg) brightness(114%) contrast(100%)}[data-theme=dark] .sidebar-icon-active{filter:none}.sidebar-collapsed .sidebar-icon-active,.sidebar-collapsed .sidebar-icon-default{margin-right:0}.sidebar-subicon-active,.sidebar-subicon-default,.tooltip-subicon-active,.tooltip-subicon-default{width:16px;height:16px;flex-shrink:0;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-subicon-default,.tooltip-subicon-default{display:block}.sidebar-subicon-active,.sidebar-sublink:hover .sidebar-subicon-default,.tooltip-subicon-active,.tooltip-sublink:hover .tooltip-subicon-default{display:none}.sidebar-sublink:hover .sidebar-subicon-active,.tooltip-sublink:hover .tooltip-subicon-active{display:block}.sidebar-sublink-active .sidebar-subicon-default,.tooltip-sublink-active .tooltip-subicon-default{display:none}.sidebar-sublink-active .sidebar-subicon-active,.tooltip-sublink-active .tooltip-subicon-active{display:block}[data-theme=dark] .sidebar-subicon-default,[data-theme=dark] .tooltip-subicon-default{filter:invert(100%) sepia(2%) saturate(1042%) hue-rotate(255deg) brightness(114%) contrast(100%)}[data-theme=dark] .sidebar-subicon-active,[data-theme=dark] .tooltip-subicon-active{filter:none}.sidebar-link-text{flex:1;opacity:1;max-width:200px;transition:opacity .15s cubic-bezier(.4,0,1,1),max-width .25s cubic-bezier(.4,0,.2,1);transition-delay:.1s,0s;white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-link-text{opacity:0;max-width:0;transition-delay:0s,.05s}.sidebar-dropdown-toggle{background:none;border:none;text-align:left;cursor:pointer;width:100%}.sidebar-dropdown-arrow{margin-left:auto;display:flex;align-items:center;opacity:1;transition:opacity .15s cubic-bezier(.4,0,1,1),transform .2s ease;transition-delay:.1s;padding:var(--space-1);border-radius:var(--radius-sm);pointer-events:none}.sidebar-collapsed .sidebar-dropdown-arrow{opacity:0;transition-delay:0s}.sidebar-submenu{list-style:none;padding:var(--space-2) 0;margin:var(--space-2) 0 0 0;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative}.sidebar-sublink{display:flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--color-fg-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:all .1s ease;position:relative;margin:var(--space-1) var(--space-2);border-radius:var(--radius-md);z-index:1}.sidebar-sublink:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:2px;transition:height .2s ease}.sidebar-sublink:hover{background-color:var(--color-primary-light);color:var(--color-fg);transform:none}.sidebar-sublink:hover:before{height:20px}.sidebar-sublink-active{background-color:var(--color-primary-light);color:var(--color-fg);font-weight:var(--font-weight-medium);transform:none}.sidebar-sublink-active:before{height:20px}.sidebar-sublink-icon{flex-shrink:0;margin-right:var(--space-3);color:inherit;transition:transform .2s ease}.sidebar-sublink:hover .sidebar-sublink-icon{transform:scale(1.1)}.sidebar-sublink-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-dropdown-wrapper{position:relative}.sidebar-collapsed .sidebar-dropdown-wrapper:before{content:"";position:absolute;top:0;left:-10px;right:-290px;bottom:0;background:transparent;z-index:1000}.sidebar-dropdown-container{position:relative;margin:0;display:flex;flex-direction:column}.sidebar-collapsed .sidebar-dropdown-container{margin:0;width:100%;display:flex;justify-content:center}.sidebar-tooltip-submenu{position:fixed;left:72px;min-width:280px;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:9999;overflow:hidden}.sidebar-tooltip-submenu:before{content:"";position:absolute;left:-72px;top:0;width:72px;height:100%;background:transparent}.tooltip-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:var(--color-primary-contrast,#ffffff);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.tooltip-header-icon{width:20px;height:20px;flex-shrink:0;filter:brightness(0) invert(1)}.tooltip-menu-list{list-style:none;padding:var(--space-2) 0;margin:0}.tooltip-sublink{display:flex;align-items:center;padding:var(--space-3) var(--space-5);color:var(--color-fg-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);transition:all .1s ease;position:relative}.tooltip-sublink:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:2px;transition:height .2s ease}.tooltip-sublink:hover{background-color:var(--color-hover-bg);color:var(--color-primary);transform:translateX(4px)}.tooltip-sublink:hover:before{height:20px}.tooltip-sublink-active{background-color:var(--color-primary-light);color:var(--color-fg);font-weight:var(--font-weight-medium);transform:translateX(4px)}.tooltip-sublink-active:before{height:20px}.tooltip-sublink-icon{flex-shrink:0;margin-right:var(--space-3);color:inherit;transition:transform .2s ease}.tooltip-sublink:hover .tooltip-sublink-icon{transform:scale(1.1)}.tooltip-sublink-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);text-transform:capitalize;opacity:1;max-width:60px;transition:opacity .15s cubic-bezier(.4,0,1,1),max-width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);transition-delay:.1s,0s,0s;white-space:nowrap;overflow:hidden;letter-spacing:.01em}.sidebar-collapsed .sidebar-badge{opacity:0;max-width:0;padding:0;transition-delay:0s,.05s,.05s}.sidebar-badge-new,.sidebar-badge-updated{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar-footer{flex:0 0 auto;margin-top:auto;padding-top:0}.sidebar-extension-card{border:1px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:var(--space-6);margin-top:var(--space-4);padding:var(--space-4);position:relative;width:100%;gap:var(--space-3)}.extension-badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary-contrast,#ffffff);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:var(--space-3);padding:var(--space-1) var(--space-2);position:absolute;top:calc(var(--space-2) * -1);line-height:1}.extension-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);text-align:left}.extension-icon{position:relative;width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.extension-logo{border-radius:var(--radius-lg);height:50px;width:50px}.extension-logo-light{display:block}.extension-logo-dark{display:none}[data-theme=dark] .extension-logo-light{display:block}[data-theme=dark] .extension-logo-dark{display:none}.extension-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1}.extension-title{margin:0;color:var(--color-fg);word-wrap:break-word;text-align:left;line-height:1.3;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.extension-description{margin:var(--space-2) 0 0 0;line-height:1.4;word-wrap:break-word;text-align:left;width:100%;padding-left:0;color:var(--color-fg-muted);font-size:var(--font-size-sm)}.extension-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:center;gap:var(--space-2);padding:var(--space-3);width:100%;margin:var(--space-2) 0 0 0;height:40px;text-decoration:none;transition:background-color .2s ease}.extension-button,.extension-button:hover{color:var(--color-primary-contrast,#ffffff)}.extension-button:hover{background-color:var(--color-primary-hover)}.chrome-icon{flex-shrink:0;width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.sidebar-admin-btn{width:100%;background:var(--color-primary);color:var(--color-primary-contrast,#ffffff);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease;margin-bottom:var(--space-6)}.sidebar-admin-btn:hover{background:var(--color-primary-hover)}.sidebar-footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);margin-bottom:var(--space-6)}.footer-link{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:-.0175rem;line-height:normal}.footer-link,.footer-link:hover{color:var(--color-fg)}.footer-separator{color:var(--color-fg-muted)}.sidebar-social-icons{gap:var(--space-3)}.sidebar-social-icons,.social-icon{display:flex;align-items:center;justify-content:center}.social-icon{width:32px;height:32px;border-radius:var(--radius-md);transition:all .2s ease}.social-icon:hover{transform:translateY(-2px)}.social-icon img{width:20px;height:20px;filter:brightness(0) saturate(100%)}[data-theme=dark] .social-icon img{filter:brightness(0) saturate(100%) invert(1)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-hamburger{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:1001;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-card)}.mobile-hamburger:hover{background:var(--color-hover-bg);border-color:var(--color-border-hover)}.mobile-hamburger svg{width:14px;height:14px;color:var(--color-primary)}.sidebar-mobile-open{transform:translateX(0)!important}.sidebar-mobile-closed{transform:translateX(-100%)!important}@media (max-width:1024px){.mobile-hamburger{display:flex;position:absolute;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:6px;top:18px}.sidebar{position:absolute;box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1005;top:0;height:100vh}.sidebar,.sidebar-collapsed{width:280px;transform:translateX(-100%)}.sidebar-collapsed{padding:var(--space-6) var(--space-6) var(--space-4)}.sidebar-collapsed .sidebar-header{justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5);margin-bottom:var(--space-4)}.sidebar-collapsed .sidebar-brand{flex:1}.sidebar-collapsed .sidebar-logo{height:40px}.sidebar-collapsed .sidebar-section-title{opacity:1;max-width:none;padding-left:inherit;padding-right:inherit;transition-delay:inherit}.sidebar-collapsed .sidebar-link-text{opacity:1;max-width:200px;transition-delay:.1s,0s}.sidebar-collapsed .sidebar-link-icon{margin-right:var(--space-2)}.sidebar-collapsed .sidebar-badge{opacity:1;max-width:60px;padding:var(--space-1) var(--space-2);transition-delay:.1s,0s,0s}.sidebar-collapsed .sidebar-dropdown-arrow{opacity:1;transition-delay:.1s}.sidebar-collapsed .sidebar-link{justify-content:flex-start;padding:var(--space-1) var(--space-2)}.sidebar-toggle-btn,.sidebar-toggle-btn-collapsed{display:none!important}.mobile-close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-fg-muted);cursor:pointer;transition:all .2s linear;flex-shrink:0;font-size:var(--font-size-base)}.mobile-close-btn:hover{background-color:var(--color-hover-bg);color:var(--color-fg);border-color:var(--color-border-hover)}.mobile-close-btn svg{width:var(--font-size-base);height:var(--font-size-base)}.sidebar-collapsed .sidebar-section:not(:last-child):after,.sidebar-toggle-btn-collapsed:before{display:none}}@media (max-width:768px){.sidebar{position:absolute}}@media (max-width:480px){.sidebar,.sidebar-collapsed{width:260px}}.topbar{position:static;height:56px;background-color:transparent;border-bottom:none;justify-content:space-between;padding:0 calc(var(--space-6) * 3);margin-top:var(--space-2);z-index:auto;box-shadow:none}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:1rem}.topbar-menu-btn{background:none;border:none;font-size:1.5rem;color:var(--color-fg);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);line-height:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.topbar-menu-btn:hover{background-color:var(--color-hover-bg)}.topbar-menu-btn:focus-visible{box-shadow:var(--focus-ring)}.topbar-title{font-size:1.25rem;font-weight:600;color:var(--color-fg);margin:0}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-action-btn{background:none;border:none;font-size:1.25rem;color:var(--color-fg-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);line-height:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.topbar-action-btn:hover{color:var(--color-fg)}.topbar-action-btn:focus-visible{box-shadow:var(--focus-ring)}.topbar-action-btn.active{background-color:var(--color-hover-bg);color:var(--color-fg)}.topbar-theme-toggle{display:flex;align-items:center;gap:.5rem;padding:8px .8rem;background-color:#ffffff;border-radius:.4rem;border:1px solid #e5e7eb}[data-theme=dark] .topbar-theme-toggle{background-color:var(--card-bg);border-color:#1a345b}.theme-icon-left,.theme-icon-right{width:18px;height:18px;opacity:.6;transition:opacity .2s ease}.theme-switch{position:relative;width:44px;height:24px;background-color:#e5e7eb;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s ease;padding:0}[data-theme=dark] .theme-switch{background-color:#374151}.theme-switch.active{background-color:#1675ff}.theme-switch-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#ffffff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.theme-switch.active .theme-switch-slider{transform:translateX(20px)}.topbar-theme-toggle:has(.theme-switch.active) .theme-icon-right{opacity:1}.topbar-theme-toggle:has(.theme-switch:not(.active)) .theme-icon-left{opacity:1}.topbar-balance{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:rgba(0,166,17,.08);border:1.5px solid #00a611;border-radius:.4rem;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.topbar-balance:hover,[data-theme=dark] .topbar-balance{background-color:rgba(0,166,17,.12)}.topbar-balance:hover{border-color:#00a611;box-shadow:0 2px 8px rgba(0,166,17,.15)}[data-theme=dark] .topbar-balance:hover{background-color:rgba(0,166,17,.18)}.balance-icon{width:20px;height:20px;flex-shrink:0}.balance-text{color:#181818;font-size:.875rem;font-weight:600;white-space:nowrap}[data-theme=dark] .balance-text{color:#fff}.balance-arrow{color:#181818;flex-shrink:0}[data-theme=dark] .balance-arrow{color:#fff}.topbar-chat-btn{position:relative}.chat-status-dot{position:absolute;top:9px;right:9px;width:10px;height:10px;background-color:#10b981;border:2px solid var(--card-bg);border-radius:999px;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}.topbar-notification,.topbar-notification-btn{position:relative}.notification-icon{width:20px;height:20px;display:block}.notification-badge{position:absolute;top:2px;right:2px;background-color:#f25016;color:white;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:999px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:notification-pulse 2s infinite}@keyframes notification-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-height:500px;background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding:.7rem}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.notification-header-left{display:flex;align-items:center;gap:.5rem}.notification-header-icon{width:20px;height:20px}.notification-header-right{display:flex;align-items:center;gap:.5rem}.notification-title{font-size:1rem;font-weight:600;color:var(--color-fg);margin:0}.mark-all-read-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:.375rem .625rem;border-radius:var(--radius-md);transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:rgba(37,99,235,.1)}.check-icon{width:16px;height:16px}.notification-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-md);transition:all .2s ease}.notification-close-btn:hover{background-color:rgba(239,68,68,.1);color:#ef4444}[data-theme=dark] .notification-close-btn:hover{background-color:rgba(239,68,68,.15);color:#f87171}.notification-list{overflow-y:auto;max-height:380px;padding:.5rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background-color .2s ease;position:relative;margin-bottom:.5rem;border-radius:0}.notification-item:last-child{margin-bottom:0}.notification-item:hover{background-color:var(--color-hover-bg)}.notification-item.unread{background-color:rgba(37,99,235,.05)}[data-theme=dark] .notification-item.unread{background-color:var(--color-primary-light)}.notification-item.read{opacity:.7}.notification-dot{position:absolute;left:.625rem;top:1.25rem;width:8px;height:8px;background-color:var(--color-primary);border-radius:999px;flex-shrink:0}.notification-content{flex:1;padding-left:.5rem}.notification-message{font-size:.875rem;color:var(--color-fg);margin:0 0 .375rem;line-height:1.5}.notification-item.read .notification-message,.notification-time{color:var(--color-fg-muted)}.notification-time{font-size:.75rem}.notification-footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);background-color:transparent}.view-all-notifications{display:block;text-align:center;color:var(--color-primary);font-size:.875rem;font-weight:500;text-decoration:none;padding:.375rem;border-radius:var(--radius-md)}.topbar-datetime{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ffffff;border:1px solid rgb(226 232 240);border-radius:.4rem;margin-left:.5rem}[data-theme=dark] .topbar-datetime{background-color:var(--card-bg);border:1px solid rgb(51 65 85)}.datetime-icon{width:20px;height:20px;flex-shrink:0}.datetime-text{font-size:.875rem;font-weight:500;color:var(--color-fg);white-space:nowrap}.topbar-user{position:relative;margin-left:.5rem}.topbar-user-btn{background:#1675ff;border:none;display:flex;align-items:center;gap:.5rem;padding:.2rem .75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.topbar-user-btn:hover{background:#1675ff!important;background:#0d5fd9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,117,255,.3)}.topbar-user-btn:focus-visible{box-shadow:0 0 0 3px rgba(22,117,255,.4)}.topbar-user-btn.active{background:#0d5fd9}.topbar-user-avatar{font-size:1.5rem;line-height:1}.topbar-user-avatar-img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.topbar-user-name{color:#ffffff;font-weight:500;font-size:.875rem;display:flex;align-items:center}.topbar-user-loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.topbar-user-arrow{color:#ffffff;transition:transform .2s ease}.topbar-user-arrow.rotated{transform:rotate(180deg)}.topbar-logout-btn{background:none;border:none;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;margin-left:.25rem}.topbar-logout-btn:hover{background-color:rgba(239,68,68,.1)}.topbar-logout-btn:disabled{opacity:.5;cursor:not-allowed}.topbar-logout-icon{width:20px;height:20px}.topbar-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);z-index:1000;overflow:hidden}.user-dropdown-content{padding:.5rem 0}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-fg);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;border-radius:0}.user-dropdown-item:active,.user-dropdown-item:hover{background-color:var(--color-primary-light);color:var(--color-fg)}.user-dropdown-item:active{opacity:.8}.user-dropdown-item img,.user-dropdown-item svg{color:var(--color-fg-muted);transition:all .2s ease}.user-dropdown-item:hover svg{color:var(--color-primary)}.user-dropdown-logout{background:none;border:none;width:100%;text-align:left;cursor:pointer}.user-dropdown-logout:disabled{opacity:.5;cursor:not-allowed}.logout-icon{width:16px;height:16px}.user-dropdown-footer{border-top:1px solid var(--color-border);padding:.75rem 1rem}.user-dropdown-copyright{font-size:.75rem;color:var(--color-primary);font-weight:600;text-align:center}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-modal-overlay.active{opacity:1;visibility:visible}.mobile-modal{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-radius:1rem 1rem 0 0;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:80vh;overflow:hidden;box-shadow:0 -10px 25px rgba(0,0,0,.2)}.mobile-modal.active{transform:translateY(0)}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:1}.mobile-modal-title{font-size:1.125rem;font-weight:600;color:var(--color-fg);margin:0;display:flex;align-items:center;gap:.5rem}.mobile-modal-close{background:none;border:none;color:var(--color-fg-muted);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mobile-modal-close:hover{background:var(--color-hover-bg);color:var(--color-fg)}.mobile-modal-content{padding:0;overflow-y:auto;max-height:calc(80vh - 80px)}.mobile-notification-modal .notification-list{padding:0;max-height:none}.mobile-notification-modal .notification-item{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:0;border-radius:0}.mobile-notification-modal .notification-item:last-child{border-bottom:none}.mobile-notification-modal .notification-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:transparent;position:sticky;bottom:0}.mobile-user-modal .user-dropdown-content{padding:0}.mobile-user-modal .user-dropdown-item{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);border-radius:0;font-size:1rem;background:var(--color-surface)}.mobile-user-modal .user-dropdown-item:last-child{border-bottom:none}.mobile-user-modal .user-dropdown-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.mobile-modal-handle{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:40px;height:4px;background:var(--color-fg-muted);border-radius:2px;opacity:.5}@media (max-width:1023px){.topbar-datetime{display:none!important}}@media (max-width:768px){.topbar{padding:0 1rem}.topbar-title{font-size:1.125rem}.notification-dropdown,.topbar-balance,.topbar-datetime,.topbar-user-dropdown{display:none!important}.topbar-user,.topbar-user-name{display:block!important}.topbar-user-name{font-size:.875rem}.topbar-user-btn{padding:0 1rem;height:36px;border-radius:6px;display:flex;align-items:center}.topbar-user-avatar-img{display:none;width:20px;height:20px}.topbar-user-arrow{display:none}.topbar-theme-toggle{padding:0 .5rem;height:36px;border-radius:6px;display:flex;align-items:center;gap:.5rem}.theme-switch{width:36px;height:20px}.theme-switch-slider{width:16px;height:16px}.theme-switch.active .theme-switch-slider{transform:translateX(16px)}.topbar-balance{padding:.35rem .5rem;margin-left:.25rem}.balance-text{font-size:.75rem}.balance-icon{width:16px;height:16px}.balance-arrow{display:none}.topbar-logout-btn{padding:0;width:36px;height:36px;margin-left:.25rem;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .topbar-logout-btn{background-color:var(--card-bg);border-color:var(--color-border)}.topbar-right{gap:.5rem}}@media (max-width:480px){.topbar{height:56px;padding:0 .75rem}.topbar-title{font-size:1rem}.topbar-action-btn,.topbar-menu-btn{width:36px;height:36px;font-size:1.125rem}.topbar-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.topbar-user-btn{padding:0 .75rem;min-width:60px;max-width:80px;gap:.5rem}}.dashboard-container{height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;max-width:100vw;align-items:flex-start}.dashboard-container,.dashboard-main{display:flex;min-height:100vh;width:100%}.dashboard-main{flex:1;flex-direction:column;transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);max-width:100%;box-sizing:border-box}.dashboard-main-shifted{margin-left:18.1875rem;width:calc(100% - 18.1875rem);max-width:calc(100% - 18.1875rem);background-color:#f4f6f8}.dashboard-main-shifted.guide-page{margin-left:18.1875rem;width:100%;max-width:100%}[data-theme=dark] .dashboard-main-shifted{background-color:var(--color-bg)}.dashboard-main-collapsed{margin-left:72px;width:calc(100% - 72px);max-width:calc(100% - 72px)}.dashboard-main-mobile{margin-left:0;width:100%;max-width:100%}.dashboard-content{flex:1;padding:var(--space-6) calc(var(--space-6) * 3);width:100%;max-width:none;overflow-x:hidden;box-sizing:border-box;container-type:inline-size}.footer{padding:1.5rem calc(var(--space-6) * 3);margin-top:auto}.footer-content{justify-content:space-between;gap:1rem;max-width:1400px;margin:0 auto}.footer-content,.footer-section{display:flex;align-items:center;flex-wrap:wrap}.footer-section{gap:.5rem}.footer-text{margin:0}.footer-link,.footer-text{color:var(--color-fg-muted);font-size:.875rem}.footer-link{text-decoration:none}.footer-link:hover{color:var(--color-primary)}.footer-separator{color:var(--color-fg-subtle);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:1400px){.dashboard-content{padding:var(--space-6) calc(var(--space-6) * 3);max-width:none}}@media (min-width:1024px){.dashboard-content{padding:var(--space-6) calc(var(--space-6) * 3);max-width:none}}@media (max-width:1024px){.dashboard-main,.dashboard-main-collapsed,.dashboard-main-mobile,.dashboard-main-shifted{margin-left:0!important}.dashboard-content{padding:var(--space-6) calc(var(--space-6) * 2);max-width:none}}@media (max-width:768px){.dashboard-content{padding:var(--space-6) var(--space-6);max-width:none}.footer-content{flex-direction:column;align-items:flex-start;gap:.75rem}.footer-section{width:100%}}@media (max-width:480px){.dashboard-content{padding:var(--space-6) var(--space-6);max-width:none}.footer{padding:1rem}}@media print{.footer,.sidebar,.topbar{display:none}.dashboard-main{margin-left:0!important}.dashboard-content{padding:0;max-width:none}}