.mobile-menu-btn{display:none}.mobile-overlay{display:none}.nav-close-btn{display:none}@media(max-width:768px){.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:280px!important;height:100%!important;height:100dvh!important;transform:translateX(-100%)!important;transition:transform .3s!important;z-index:9999!important;display:flex!important;flex-direction:column!important}.sidebar-header,.sidebar-profile,.sidebar-stats{flex-shrink:0!important}.sidebar-nav{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0!important}.sidebar-footer{flex-shrink:0!important;margin-top:auto!important}.sidebar.open{transform:translateX(0)!important;box-shadow:5px 0 30px rgba(0,0,0,0.5)!important}[data-theme="light"] .sidebar.open{box-shadow:5px 0 30px rgba(0,0,0,0.15)!important}.mobile-menu-btn{display:flex !important;width:46px !important;height:46px !important;background:linear-gradient(135deg,#3b82f6,#a855f7)!important;border:none !important;border-radius:12px !important;align-items:center !important;justify-content:center !important;color:white !important;font-size:24px !important;cursor:pointer !important;box-shadow:0 4px 15px rgba(59,130,246,0.4)!important}.mobile-overlay{display:block !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.6)!important;z-index:9990 !important;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-overlay.active{opacity:1 !important;visibility:visible !important}.main-content{margin-left:0 !important;padding:80px 16px 30px 16px !important;width:100% !important;min-height:100vh}.top-bar{display:flex !important;flex-direction:row !important;align-items:flex-start !important;justify-content:space-between !important;gap:15px !important;margin-bottom:20px !important}.top-bar-left{flex:1 !important;padding-left:0 !important;min-width:0 !important}.top-bar-left h1{font-size:20px !important;margin-bottom:2px !important;line-height:1.2 !important}.top-bar-left p{font-size:12px !important;opacity:0.6}.top-bar-right{display:none !important}.top-bar-right #themeToggle,.top-bar-right #notificationCenter{display:none !important}.top-bar-right #userDropdown{display:block !important}.user-trigger{display:flex !important;align-items:center !important;gap:8px !important;padding:6px 12px 6px 6px !important;background:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:25px !important;cursor:pointer !important}[data-theme="light"] .user-trigger{background:white !important;border-color:#e2e8f0 !important;box-shadow:0 2px 8px rgba(0,0,0,0.08)!important}.user-trigger-avatar{width:32px !important;height:32px !important;font-size:12px !important;flex-shrink:0 !important}.user-trigger-info{display:flex !important;flex-direction:column !important;align-items:flex-start !important}.user-trigger-name{display:block !important;font-size:13px !important;font-weight:600 !important;line-height:1.2 !important}.user-trigger-role{display:block !important;font-size:10px !important;opacity:0.7 !important}.user-trigger-arrow{display:block !important;font-size:16px !important;opacity:0.5 !important;margin-left:2px !important}.user-dropdown-menu{position:absolute !important;top:100% !important;right:0 !important;margin-top:8px !important;min-width:280px !important}.stat-cards{grid-template-columns:repeat(2,1fr)!important;gap:12px !important}.stat-card{padding:16px !important}.stat-card .value{font-size:24px !important}.stat-card .label{font-size:11px !important}.content-card,.card{padding:16px !important;border-radius:14px !important}.settings-nav{display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;gap:8px !important;padding-bottom:12px !important;margin-bottom:20px !important;scrollbar-width:none !important}.settings-nav::-webkit-scrollbar{display:none !important}.settings-nav button{flex-shrink:0 !important;padding:8px 14px !important;font-size:13px !important;white-space:nowrap !important}.form-row{grid-template-columns:1fr !important}.download-layout{grid-template-columns:1fr !important}.download-sidebar{order:-1 !important}.table-container,table{display:block !important;overflow-x:auto !important}.history-item{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}.status-grid{grid-template-columns:1fr !important}.pricing-cards,.pricing-grid{grid-template-columns:1fr !important}.login-container,.signup-container{grid-template-columns:1fr !important;min-height:100vh !important}.login-right{display:none !important}.login-left{display:flex !important;padding:20px !important;min-height:100vh !important;align-items:center !important;justify-content:center !important}.signup-left{display:none !important}.signup-right{display:flex !important;padding:20px !important;min-height:100vh !important;align-items:center !important;justify-content:center !important}.login-left>div,.signup-right>div{width:100% !important;max-width:100% !important}}@media(max-width:480px){.mobile-menu-btn{top:12px !important;left:12px !important;width:42px !important;height:42px !important;font-size:22px !important}.main-content{padding:70px 12px 20px 12px !important}.top-bar-left{padding-left:0 !important}.top-bar-left h1{font-size:18px !important}.top-bar-right{top:12px !important;right:12px !important}.user-trigger{padding:5px 10px 5px 5px !important}.user-trigger-avatar{width:28px !important;height:28px !important;font-size:11px !important}.user-trigger-name{font-size:12px !important}.user-trigger-role{display:none !important}.stat-cards{grid-template-columns:1fr !important}}@media(max-width:768px){.navbar{padding:15px !important}.navbar .mobile-menu-btn{position:static !important;display:flex !important}.nav-links{position:fixed !important;top:0 !important;right:-100% !important;width:280px !important;height:100vh !important;background:rgba(10,10,20,0.98)!important;backdrop-filter:blur(20px)!important;flex-direction:column !important;padding:80px 25px 30px !important;transition:right 0.3s ease !important;z-index:9999 !important;border-left:1px solid rgba(255,255,255,0.1)!important}[data-theme="light"] .nav-links{background:rgba(255,255,255,0.98)!important;border-left-color:#e2e8f0 !important}.nav-links.open{right:0 !important}.nav-links a,.nav-links .nav-link{display:block !important;padding:14px 0 !important;border-bottom:1px solid rgba(255,255,255,0.05)!important;font-size:15px !important}.nav-close-btn{display:flex !important}.navbar .btn-ghost,.navbar .text-white\/70{display:none !important}}@media(max-width:768px){.hero{padding:100px 20px 50px !important}.hero h1{font-size:32px !important;line-height:1.2 !important}.hero-buttons{flex-direction:column !important;gap:12px !important}.hero-buttons a{width:100% !important;text-align:center !important}.features-hero h1,.pricing-hero h1,.faq-hero h1{font-size:32px !important}}@media(max-width:768px){.feature-grid{grid-template-columns:1fr !important}.footer-grid{grid-template-columns:1fr !important}.footer-bottom{flex-direction:column !important;text-align:center !important}}@media(max-width:768px){.navbar{padding:12px 16px !important;display:flex !important;align-items:center !important;justify-content:space-between !important}.navbar .nav-logo .logo-img{height:28px !important}.navbar .flex.items-center{gap:10px !important}.navbar #publicThemeToggle,.navbar .u-inline-0001{display:none !important}.navbar .text-white\/70,.navbar a[href*="login"]:not(.btn-neon){display:block !important;font-size:12px !important;padding:8px 12px !important;background:rgba(255,255,255,0.1)!important;border-radius:8px !important;color:white !important}[data-theme="light"] .navbar .text-white\/70,[data-theme="light"] .navbar a[href*="login"]:not(.btn-neon){background:#f1f5f9 !important;color:#334155 !important}.navbar .btn-neon{padding:8px 16px !important;font-size:12px !important;white-space:nowrap !important}.navbar .mobile-menu-btn{position:static !important;width:42px !important;height:42px !important;font-size:20px !important;margin-left:0 !important}.nav-links{position:fixed !important;top:0 !important;right:-100% !important;width:280px !important;height:100vh !important;background:rgba(10,10,20,0.98)!important;backdrop-filter:blur(20px)!important;display:flex !important;flex-direction:column !important;padding:70px 20px 30px !important;gap:0 !important;transition:right 0.3s ease !important;z-index:9999 !important;border-left:1px solid rgba(255,255,255,0.1)!important;list-style:none !important}[data-theme="light"] .nav-links{background:rgba(255,255,255,0.98)!important;border-left-color:#e2e8f0 !important}.nav-links.open{right:0 !important}.nav-links .nav-close-btn{position:absolute !important;top:15px !important;right:15px !important;display:flex !important;width:40px !important;height:40px !important;background:rgba(255,255,255,0.1)!important;border:none !important;border-radius:10px !important;align-items:center !important;justify-content:center !important;color:white !important;font-size:22px !important;cursor:pointer !important}[data-theme="light"] .nav-links .nav-close-btn{background:#f1f5f9 !important;color:#334155 !important}.nav-links li{list-style:none !important}.nav-links li a,.nav-links a{display:block !important;padding:16px 0 !important;font-size:16px !important;font-weight:500 !important;color:rgba(255,255,255,0.8)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;text-decoration:none !important}[data-theme="light"] .nav-links li a,[data-theme="light"] .nav-links a{color:#334155 !important;border-bottom-color:#f1f5f9 !important}.nav-links li a:hover,.nav-links a:hover{color:#3b82f6 !important}.navbar .mobile-overlay,#navOverlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5)!important;z-index:9998 !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important}.navbar .mobile-overlay.active,#navOverlay.active{opacity:1 !important;visibility:visible !important}}@media(max-width:480px){.navbar{padding:10px 12px !important}.navbar .nav-logo .logo-img{height:24px !important}.navbar .btn-neon{padding:6px 12px !important;font-size:11px !important}.navbar .mobile-menu-btn{width:38px !important;height:38px !important;font-size:18px !important}.navbar .flex.items-center{gap:8px !important}}@media(max-width:768px){html[data-page^="pages-"] .top-bar-right,.main-content .top-bar-right{display:none !important}html[data-page^="pages-"] .top-bar-right #themeToggle,html[data-page^="pages-"] .top-bar-right #notificationCenter,html[data-page^="pages-"] #themeToggle,html[data-page^="pages-"] #notificationCenter,.main-content #themeToggle,.main-content #notificationCenter{display:none !important}html[data-page^="pages-"] .user-trigger,.main-content .user-trigger{display:flex !important;align-items:center !important;gap:8px !important;padding:6px 12px 6px 6px !important;background:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:25px !important;cursor:pointer !important}html[data-page^="pages-"][data-theme="light"] .user-trigger,[data-theme="light"] .main-content .user-trigger{background:white !important;border-color:#e2e8f0 !important;box-shadow:0 2px 8px rgba(0,0,0,0.08)!important}html[data-page^="pages-"] .user-trigger-avatar,.main-content .user-trigger-avatar{width:32px !important;height:32px !important;font-size:12px !important;flex-shrink:0 !important}html[data-page^="pages-"] .user-trigger-info,.main-content .user-trigger-info{display:flex !important;flex-direction:column !important}html[data-page^="pages-"] .user-trigger-name,.main-content .user-trigger-name{display:block !important;font-size:13px !important;font-weight:600 !important}html[data-page^="pages-"] .user-trigger-role,.main-content .user-trigger-role{display:block !important;font-size:10px !important;opacity:0.7 !important}html[data-page^="pages-"] .user-trigger-arrow,.main-content .user-trigger-arrow{display:block !important;font-size:16px !important;opacity:0.5 !important}}@media(max-width:480px){html[data-page^="pages-"] .top-bar-right,.main-content .top-bar-right{top:12px !important;right:12px !important}html[data-page^="pages-"] .user-trigger,.main-content .user-trigger{padding:5px 10px 5px 5px !important}html[data-page^="pages-"] .user-trigger-avatar,.main-content .user-trigger-avatar{width:28px !important;height:28px !important}html[data-page^="pages-"] .user-trigger-name,.main-content .user-trigger-name{font-size:12px !important}html[data-page^="pages-"] .user-trigger-role,.main-content .user-trigger-role{display:none !important}}@media(max-width:768px){body{overflow-x:hidden !important}.main-content{overflow-x:hidden !important}.content-card,.card,.panel,.torrent-card,.file-card,.download-card{overflow:hidden !important;max-width:100% !important}.torrent-item,.file-item,.download-item,.history-item,.queue-item{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:12px !important;overflow:hidden !important}.torrent-info,.file-info,.item-info{width:100% !important;min-width:0 !important;overflow:hidden !important}.torrent-name,.file-name,.item-name,.torrent-item .name,.file-item .name{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;font-size:13px !important}.torrent-meta,.file-meta,.item-meta{display:flex !important;flex-wrap:wrap !important;gap:8px !important;font-size:11px !important}.progress-container,.torrent-progress,.progress-wrapper{width:100% !important;margin:8px 0 !important}.progress-bar{width:100% !important;height:6px !important;border-radius:3px !important}.torrent-stats,.file-stats,.speed-info,.item-stats{display:flex !important;flex-wrap:wrap !important;gap:10px !important;width:100% !important;font-size:12px !important}.torrent-actions,.file-actions,.item-actions{display:flex !important;flex-wrap:wrap !important;gap:8px !important;width:100% !important;justify-content:flex-start !important}.torrent-actions button,.file-actions button,.item-actions button{padding:8px 12px !important;font-size:12px !important}.table-wrapper,.table-container{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;max-width:100% !important}table{min-width:600px !important}.status-badge,.badge{font-size:10px !important;padding:3px 8px !important;white-space:nowrap !important}.quick-settings,.settings-panel{padding:16px !important}.setting-item,.settings-row{flex-direction:row !important;justify-content:space-between !important;align-items:center !important;gap:12px !important}.setting-item .setting-info,.setting-label{flex:1 !important;min-width:0 !important}.setting-item .setting-title,.setting-name{font-size:13px !important}.setting-item .setting-desc,.setting-description{font-size:11px !important}.filter-tabs,.tab-nav{display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;gap:8px !important;padding-bottom:8px !important;scrollbar-width:none !important}.filter-tabs::-webkit-scrollbar,.tab-nav::-webkit-scrollbar{display:none !important}.filter-tab,.tab-btn{flex-shrink:0 !important;padding:8px 14px !important;font-size:12px !important;white-space:nowrap !important}.link-input-wrapper,.input-wrapper{flex-direction:column !important;gap:10px !important}.link-input-wrapper input,.link-input{width:100% !important;font-size:14px !important}.link-input-wrapper button,.generate-btn{width:100% !important}.stat-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px !important}.stat-card{padding:14px !important}.stat-card .value{font-size:20px !important}.stat-card .label{font-size:10px !important}.stat-card .icon-wrapper{width:36px !important;height:36px !important;font-size:18px !important}}@media(max-width:480px){.stat-cards{grid-template-columns:1fr !important}.torrent-name,.file-name{font-size:12px !important}.torrent-meta span,.file-meta span{font-size:10px !important}}@media(max-width:768px){html[data-page="pages-torrents"] .torrent-item{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:14px !important}html[data-page="pages-torrents"] .torrent-icon{width:40px !important;height:40px !important;font-size:18px !important}html[data-page="pages-torrents"] .torrent-info{width:100% !important;flex:none !important;min-width:0 !important}html[data-page="pages-torrents"] .torrent-name{font-size:13px !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;word-break:break-word !important}html[data-page="pages-torrents"] .torrent-meta{display:flex !important;flex-wrap:wrap !important;gap:10px !important;font-size:11px !important;margin-top:6px !important}html[data-page="pages-torrents"] .torrent-stats{width:100% !important;display:flex !important;gap:15px !important}html[data-page="pages-torrents"] .torrent-speed{font-size:14px !important}html[data-page="pages-torrents"] .torrent-actions{width:100% !important;display:flex !important;gap:8px !important;justify-content:flex-end !important}html[data-page="pages-torrents"] .action-btn{padding:8px 10px !important;font-size:14px !important}html[data-page="pages-torrents"] .progress-bar{width:100% !important}html[data-page="pages-torrents"] .status-badge{font-size:9px !important;padding:2px 6px !important}html[data-page="pages-usenet"] .nzb-item,html[data-page="pages-cloud"] .file-item,html[data-page="pages-streaming"] .stream-item,html[data-page="pages-history"] .history-item{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:14px !important}html[data-page="pages-service"] .stat-cards{grid-template-columns:repeat(2,1fr)!important}html[data-page="pages-service"] .link-input-wrapper{flex-direction:column !important}html[data-page="pages-service"] .link-input-wrapper input,html[data-page="pages-service"] .generate-btn{width:100% !important}html[data-page="pages-dashboard"] .stat-cards{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){html[data-page="pages-torrents"] .torrent-item{padding:12px !important}html[data-page="pages-torrents"] .torrent-name{font-size:12px !important}html[data-page="pages-torrents"] .torrent-meta span{font-size:10px !important}html[data-page="pages-service"] .stat-cards,html[data-page="pages-dashboard"] .stat-cards{grid-template-columns:1fr !important}}@media(max-width:768px){.mobile-header-bar{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:60px !important;background:#0d0d1a !important;border:none !important;border-bottom:none !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 15px !important;z-index:9997 !important;box-shadow:0 2px 10px rgba(0,0,0,0.5)!important}[data-theme="light"] .mobile-header-bar{background:#ffffff !important;box-shadow:0 2px 10px rgba(0,0,0,0.1)!important}.mobile-header-bar .mobile-menu-btn{position:static !important;top:auto !important;left:auto !important}.mobile-header-bar .mobile-header-user{display:flex !important;align-items:center !important}.mobile-header-bar .user-trigger{display:flex !important;align-items:center !important;gap:8px !important;padding:6px 12px 6px 6px !important;background:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:25px !important;cursor:pointer !important}[data-theme="light"] .mobile-header-bar .user-trigger{background:#f1f5f9 !important;border-color:#e2e8f0 !important}.mobile-header-bar .user-trigger-avatar{width:32px !important;height:32px !important;font-size:12px !important}.mobile-header-bar .user-trigger-name{font-size:13px !important;font-weight:600 !important;color:white !important}[data-theme="light"] .mobile-header-bar .user-trigger-name{color:#1e293b !important}.mobile-header-bar .user-trigger-role{font-size:10px !important;color:rgba(255,255,255,0.6)!important}[data-theme="light"] .mobile-header-bar .user-trigger-role{color:#64748b !important}.mobile-header-bar .user-trigger-arrow{color:rgba(255,255,255,0.5)!important}[data-theme="light"] .mobile-header-bar .user-trigger-arrow{color:#94a3b8 !important}.top-bar-right{display:none !important}.main-content{padding-top:80px !important}}@media(max-width:480px){.mobile-header-bar{height:55px !important;padding:0 12px !important}.mobile-header-bar .mobile-menu-btn{width:40px !important;height:40px !important}.mobile-header-bar .user-trigger{padding:5px 10px 5px 5px !important}.mobile-header-bar .user-trigger-avatar{width:28px !important;height:28px !important}.mobile-header-bar .user-trigger-name{font-size:12px !important}.mobile-header-bar .user-trigger-role{display:none !important}.main-content{padding-top:70px !important}}@media(max-width:768px){.mobile-menu-btn{z-index:9998 !important}.top-bar-right{z-index:9998 !important}.main-content{padding-top:80px !important}}@media(max-width:480px){.main-content{padding-top:70px !important}}@media(max-width:768px){.mobile-menu-btn{top:11px !important}.top-bar-right{top:12px !important}}@media(max-width:480px){.mobile-menu-btn{top:9px !important}.top-bar-right{top:10px !important}}@media(max-width:768px){.top-bar-right,html[data-page^="pages-"] .top-bar-right,.main-content .top-bar-right,.top-bar>.top-bar-right{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}.mobile-header-bar{display:flex !important;visibility:visible !important;opacity:1 !important}}@media(max-width:480px){.top-bar-right,html[data-page^="pages-"] .top-bar-right,.main-content .top-bar-right{display:none !important;visibility:hidden !important}}@media(max-width:768px){.mobile-header-user{position:relative !important}.mobile-header-user #userDropdown{display:block !important;position:relative !important}.mobile-header-user .user-trigger{display:flex !important;align-items:center !important;gap:8px !important;padding:6px 12px 6px 6px !important;background:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.15)!important;border-radius:25px !important;cursor:pointer !important}[data-theme="light"] .mobile-header-user .user-trigger{background:#f1f5f9 !important;border-color:#e2e8f0 !important}.mobile-header-user .user-trigger-avatar{width:32px !important;height:32px !important;font-size:12px !important}.mobile-header-user .user-trigger-name{font-size:13px !important;font-weight:600 !important;color:white !important}[data-theme="light"] .mobile-header-user .user-trigger-name{color:#1e293b !important}.mobile-header-user .user-trigger-role{font-size:10px !important;color:rgba(255,255,255,0.6)!important}.mobile-header-user .user-trigger-arrow{font-size:16px !important;color:rgba(255,255,255,0.5)!important}.mobile-header-user .user-dropdown-menu{position:fixed !important;top:65px !important;right:15px !important;left:auto !important;width:300px !important;max-width:calc(100vw - 30px)!important;z-index:10000 !important}}@media(max-width:480px){.mobile-header-user .user-trigger{padding:5px 10px 5px 5px !important}.mobile-header-user .user-trigger-avatar{width:28px !important;height:28px !important}.mobile-header-user .user-trigger-name{font-size:12px !important}.mobile-header-user .user-trigger-role{display:none !important}.mobile-header-user .user-dropdown-menu{top:58px !important;right:12px !important;width:calc(100vw - 24px)!important}}.dropdown-quick-actions{display:none}@media(max-width:768px){.dropdown-quick-actions{display:flex !important;gap:10px !important;padding:12px 15px !important;border-bottom:1px solid rgba(255,255,255,0.08)!important}[data-theme="light"] .dropdown-quick-actions{border-bottom-color:#e2e8f0 !important}.quick-action-btn{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:6px !important;padding:12px 10px !important;background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:12px !important;color:rgba(255,255,255,0.8)!important;font-size:11px !important;cursor:pointer !important;transition:all 0.2s ease !important}.quick-action-btn:hover,.quick-action-btn:active{background:rgba(255,255,255,0.1)!important;border-color:rgba(255,255,255,0.2)!important}[data-theme="light"] .quick-action-btn{background:#f8fafc !important;border-color:#e2e8f0 !important;color:#475569 !important}[data-theme="light"] .quick-action-btn:hover{background:#f1f5f9 !important;border-color:#cbd5e1 !important}.quick-action-icon{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;background:transparent !important}.quick-action-icon i{font-size:22px !important;background:transparent !important}[data-theme="light"] .quick-action-icon{background:transparent !important}[data-theme="light"] .quick-action-icon i{color:#64748b !important;background:transparent !important}.quick-action-icon .notif-badge{position:absolute !important;top:-6px !important;right:-8px !important;background:#ef4444 !important;color:white !important;font-size:9px !important;font-weight:600 !important;padding:2px 5px !important;border-radius:10px !important;min-width:16px !important;text-align:center !important;line-height:1.2 !important}.theme-icon-dark{display:inline-block !important}.theme-icon-light{display:none !important}[data-theme="light"] .theme-icon-dark{display:none !important}[data-theme="light"] .theme-icon-light{display:inline-block !important}}@media(max-width:768px){.user-dropdown-menu{max-height:calc(100vh - 80px)!important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important}.user-dropdown-menu::-webkit-scrollbar{width:0 !important;background:transparent !important}.user-dropdown-menu:hover::-webkit-scrollbar{width:4px !important}.user-dropdown-menu:hover::-webkit-scrollbar-track{background:rgba(255,255,255,0.05)!important;border-radius:2px !important}.user-dropdown-menu:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)!important;border-radius:2px !important}[data-theme="light"] .user-dropdown-menu:hover::-webkit-scrollbar-track{background:#f1f5f9 !important}[data-theme="light"] .user-dropdown-menu:hover::-webkit-scrollbar-thumb{background:#cbd5e1 !important}.user-dropdown-menu:hover{scrollbar-width:thin !important;scrollbar-color:rgba(255,255,255,0.2)transparent !important}[data-theme="light"] .user-dropdown-menu:hover{scrollbar-color:#cbd5e1 #f1f5f9 !important}}@media(max-width:480px){.user-dropdown-menu{max-height:calc(100vh - 70px)!important}}@media(max-width:768px){#notificationCenter{display:block !important;visibility:visible !important}#notificationCenter .notif-trigger{display:none !important}#notificationCenter .notif-dropdown{position:fixed !important;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:100% !important;height:calc(100vh - 60px)!important;max-height:none !important;border-radius:0 !important;z-index:10001 !important;background:#0d0d1a !important;border:none !important;display:none !important}#notificationCenter.open .notif-dropdown{display:block !important}[data-theme="light"] #notificationCenter .notif-dropdown{background:#ffffff !important}#notificationCenter .notif-header{padding:16px !important;border-bottom:1px solid rgba(255,255,255,0.1)!important}[data-theme="light"] #notificationCenter .notif-header{border-bottom-color:#e2e8f0 !important}#notificationCenter .notif-header h3{font-size:18px !important}#notificationCenter .notif-tabs{padding:12px 16px !important;gap:8px !important;overflow-x:auto !important}#notificationCenter .notif-tab{padding:8px 16px !important;font-size:13px !important}#notificationCenter .notif-list{height:calc(100vh - 200px)!important;overflow-y:auto !important;padding:8px !important}#notificationCenter .notif-item{padding:14px !important;margin-bottom:8px !important;border-radius:12px !important}#notificationCenter .notif-content{flex:1 !important;min-width:0 !important}#notificationCenter .notif-title{font-size:14px !important}#notificationCenter .notif-text{font-size:12px !important}#notificationCenter .notif-footer{padding:16px !important;border-top:1px solid rgba(255,255,255,0.1)!important}[data-theme="light"] #notificationCenter .notif-footer{border-top-color:#e2e8f0 !important}}@media(max-width:768px){.toast-container,#toastContainer{position:fixed !important;bottom:20px !important;left:15px !important;right:15px !important;top:auto !important;z-index:99999 !important;display:flex !important;flex-direction:column !important;gap:10px !important;pointer-events:none !important}.toast,.toast-notification{width:100% !important;max-width:100% !important;padding:14px 16px !important;border-radius:12px !important;font-size:14px !important;pointer-events:auto !important;box-shadow:0 4px 20px rgba(0,0,0,0.3)!important}.toast .toast-content,.toast-notification .toast-content{display:flex !important;align-items:flex-start !important;gap:12px !important}.toast .toast-icon,.toast-notification .toast-icon{font-size:20px !important;flex-shrink:0 !important}.toast .toast-message,.toast-notification .toast-message{flex:1 !important}.toast .toast-close,.toast-notification .toast-close{padding:4px !important;font-size:18px !important}}.notif-close-btn{display:none}@media(max-width:768px){.notif-close-btn{display:flex !important;position:absolute !important;top:12px !important;right:12px !important;width:36px !important;height:36px !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,0.1)!important;border:none !important;border-radius:10px !important;color:rgba(255,255,255,0.7)!important;font-size:20px !important;cursor:pointer !important;z-index:10 !important}.notif-close-btn:hover{background:rgba(255,255,255,0.15)!important;color:white !important}[data-theme="light"] .notif-close-btn{background:#f1f5f9 !important;color:#64748b !important}[data-theme="light"] .notif-close-btn:hover{background:#e2e8f0 !important;color:#334155 !important}#notificationCenter .notif-header{position:relative !important;padding-right:50px !important}}@media(max-width:768px){body>#notificationCenter{display:block !important;visibility:visible !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:100000 !important;pointer-events:none !important;background:transparent !important}body>#notificationCenter .notif-trigger{display:none !important}body>#notificationCenter .notif-dropdown{display:none !important}body>#notificationCenter.open{pointer-events:auto !important;background:rgba(0,0,0,0.5)!important}body>#notificationCenter.open .notif-dropdown{display:flex !important;flex-direction:column !important;position:fixed !important;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;background:#0d0d1a !important;border-radius:0 !important;border:none !important;z-index:100001 !important;overflow:hidden !important}[data-theme="light"] body>#notificationCenter.open .notif-dropdown{background:#ffffff !important}body>#notificationCenter .notif-header{flex-shrink:0 !important;padding:16px !important;padding-right:56px !important;border-bottom:1px solid rgba(255,255,255,0.1)!important;position:relative !important}body>#notificationCenter .notif-tabs{flex-shrink:0 !important;display:flex !important;padding:12px 16px !important;gap:8px !important;overflow-x:auto !important;border-bottom:1px solid rgba(255,255,255,0.05)!important}body>#notificationCenter .notif-list{flex:1 !important;overflow-y:auto !important;padding:12px !important}body>#notificationCenter .notif-footer{flex-shrink:0 !important;padding:16px !important;border-top:1px solid rgba(255,255,255,0.1)!important}}@media(max-width:768px){.toast-container{position:fixed !important;top:auto !important;bottom:20px !important;left:15px !important;right:15px !important;z-index:999999 !important;display:flex !important;flex-direction:column !important;gap:10px !important;pointer-events:none !important}.toast{width:100% !important;max-width:100% !important;pointer-events:auto !important;border-radius:12px !important;padding:14px 16px !important}}@media(max-width:768px){[data-theme="light"] .user-dropdown-menu{background:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:0 10px 40px rgba(0,0,0,0.15)!important}[data-theme="light"] .dropdown-header{background:#f8fafc !important;border-bottom-color:#e2e8f0 !important}[data-theme="light"] .dropdown-user-name{color:#1e293b !important}[data-theme="light"] .dropdown-user-email{color:#64748b !important}[data-theme="light"] .dropdown-premium-status{background:#f8fafc !important;border-color:#e2e8f0 !important}[data-theme="light"] .premium-label{color:#1e293b !important}[data-theme="light"] .premium-expiry-info{color:#64748b !important}[data-theme="light"] .usage-label{color:#64748b !important}[data-theme="light"] .usage-value{color:#1e293b !important}[data-theme="light"] .dropdown-divider{background:#e2e8f0 !important}[data-theme="light"] .dropdown-item{color:#334155 !important}[data-theme="light"] .dropdown-item:hover{background:#f1f5f9 !important;color:#1e293b !important}[data-theme="light"] .dropdown-item i{color:#64748b !important}[data-theme="light"] .dropdown-item:hover i{color:#3b82f6 !important}[data-theme="light"] .dropdown-upgrade-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:white !important}[data-theme="light"] .dropdown-item-logout{color:#ef4444 !important}[data-theme="light"] .notif-dropdown{background:#ffffff !important}[data-theme="light"] .notif-header{background:#f8fafc !important;border-bottom-color:#e2e8f0 !important}[data-theme="light"] .notif-header h3{color:#1e293b !important}[data-theme="light"] .notif-header-btn{background:#e2e8f0 !important;color:#475569 !important;border:none !important}[data-theme="light"] .notif-header-btn:hover{background:#cbd5e1 !important;color:#1e293b !important}[data-theme="light"] .notif-close-btn{background:#e2e8f0 !important;color:#475569 !important}[data-theme="light"] .notif-close-btn:hover{background:#cbd5e1 !important;color:#1e293b !important}[data-theme="light"] .notif-tabs{border-bottom-color:#e2e8f0 !important}[data-theme="light"] .notif-tab{color:#64748b !important;background:transparent !important}[data-theme="light"] .notif-tab.active{background:#3b82f6 !important;color:white !important}[data-theme="light"] .notif-item{background:#f8fafc !important;border-color:#e2e8f0 !important}[data-theme="light"] .notif-item.unread{background:#eff6ff !important;border-color:#bfdbfe !important}[data-theme="light"] .notif-title{color:#1e293b !important}[data-theme="light"] .notif-text{color:#64748b !important}[data-theme="light"] .notif-time{color:#94a3b8 !important}[data-theme="light"] .notif-footer{background:#f8fafc !important;border-top-color:#e2e8f0 !important}[data-theme="light"] .notif-footer-link{color:#3b82f6 !important}[data-theme="light"] .notif-empty{color:#94a3b8 !important}[data-theme="light"] .notif-empty i{color:#cbd5e1 !important}}@media(max-width:768px){body>#notificationCenter{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:999999 !important;display:none !important}body>#notificationCenter.open{display:block !important;background:rgba(0,0,0,0.6)!important}[data-theme="light"] body>#notificationCenter.open{background:rgba(0,0,0,0.4)!important}body>#notificationCenter .notif-trigger{display:none !important}body>#notificationCenter .notif-dropdown{position:absolute !important;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:100% !important;height:auto !important;max-height:none !important;background:#0d0d1a !important;border:none !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;transform:none !important;opacity:1 !important;visibility:visible !important}[data-theme="light"] body>#notificationCenter .notif-dropdown{background:#ffffff !important}body>#notificationCenter .notif-list{flex:1 !important;overflow-y:auto !important;min-height:0 !important}}@media(max-width:768px){.toast-container{position:fixed !important;bottom:20px !important;left:15px !important;right:15px !important;top:auto !important;z-index:9999999 !important;pointer-events:none !important}.toast{pointer-events:auto !important;opacity:1 !important;transform:none !important;visibility:visible !important}.toast.show{opacity:1 !important;transform:translateY(0)!important}}@media(max-width:768px){body>div#notificationCenter{position:fixed !important;inset:0 !important;z-index:9999999 !important;display:none !important;background:rgba(0,0,0,0.7)!important}body>div#notificationCenter.open{display:block !important}body>div#notificationCenter>.notif-trigger{display:none !important}body>div#notificationCenter>.notif-dropdown,body>div#notificationCenter .notif-dropdown{position:fixed !important;top:60px !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:calc(100% - 60px)!important;max-height:calc(100% - 60px)!important;background:#0d0d1a !important;border-radius:0 !important;border:none !important;box-shadow:none !important;display:flex !important;flex-direction:column !important;opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important}[data-theme="light"] body>div#notificationCenter>.notif-dropdown,[data-theme="light"] body>div#notificationCenter .notif-dropdown{background:#ffffff !important}[data-theme="light"] body>div#notificationCenter.open{background:rgba(0,0,0,0.4)!important}body>div#notificationCenter .notif-header-btn,#notificationCenter .notif-header-btn{width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,0.1)!important;border:none !important;border-radius:8px !important;color:rgba(255,255,255,0.8)!important;font-size:18px !important;cursor:pointer !important}[data-theme="light"] body>div#notificationCenter .notif-header-btn,[data-theme="light"] #notificationCenter .notif-header-btn{background:#e2e8f0 !important;color:#475569 !important}[data-theme="light"] body>div#notificationCenter .notif-header-btn:hover,[data-theme="light"] #notificationCenter .notif-header-btn:hover{background:#cbd5e1 !important;color:#1e293b !important}div.toast-container,.toast-container{position:fixed !important;bottom:20px !important;left:15px !important;right:15px !important;top:auto !important;z-index:99999999 !important;display:flex !important;flex-direction:column !important;gap:10px !important;pointer-events:none !important}div.toast-container .toast,.toast-container .toast,.toast{width:100% !important;max-width:100% !important;background:var(--toast-bg,rgba(15,15,25,0.98))!important;border-radius:12px !important;padding:14px 16px !important;pointer-events:auto !important;box-shadow:0 8px 30px rgba(0,0,0,0.4)!important}[data-theme="light"] div.toast-container .toast,[data-theme="light"] .toast-container .toast,[data-theme="light"] .toast{background:rgba(255,255,255,0.98)!important;box-shadow:0 8px 30px rgba(0,0,0,0.15)!important}}@media(max-width:768px){body>.toast-container,.toast-container{position:fixed !important;bottom:20px !important;left:15px !important;right:15px !important;top:auto !important;z-index:999999999 !important;display:flex !important;flex-direction:column !important;gap:10px !important;pointer-events:none !important}body>.toast-container>.toast,.toast-container>.toast,.toast{width:100% !important;max-width:100% !important;min-width:auto !important;transform:translateY(100px)!important;opacity:0 !important;transition:all 0.3s ease !important;pointer-events:auto !important}body>.toast-container>.toast.show,.toast-container>.toast.show,.toast.show{transform:translateY(0)!important;opacity:1 !important;visibility:visible !important}body>.toast-container>.toast.hide,.toast-container>.toast.hide,.toast.hide{transform:translateY(100px)!important;opacity:0 !important}}@media(max-width:768px){html[data-page="pages-login"],html[data-page="pages-signup"]{min-height:100vh !important}html[data-page="pages-login"] body,html[data-page="pages-signup"] body{min-height:100vh !important}html[data-page="pages-login"] .login-container,html[data-page="pages-signup"] .signup-container{display:flex !important;flex-direction:column !important;min-height:100vh !important;padding:20px !important}html[data-page="pages-login"] .login-left{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:20px 0 !important}html[data-page="pages-signup"] .signup-right{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:20px 0 !important}html[data-page="pages-login"] .login-right{display:none !important}html[data-page="pages-signup"] .signup-left{display:none !important}html[data-page="pages-login"] .nav-logo,html[data-page="pages-signup"] .nav-logo{margin-bottom:30px !important}html[data-page="pages-login"] .logo-img,html[data-page="pages-signup"] .logo-img{height:35px !important}html[data-page="pages-login"] h1,html[data-page="pages-signup"] h1{font-size:26px !important}html[data-page="pages-login"] .social-btn,html[data-page="pages-signup"] .social-btn{padding:12px !important;font-size:14px !important}html[data-page="pages-login"] .input-wrapper,html[data-page="pages-signup"] .input-wrapper{margin-bottom:16px !important}html[data-page="pages-login"] .input-wrapper input,html[data-page="pages-signup"] .input-wrapper input{padding:14px 14px 14px 48px !important;font-size:16px !important}html[data-page="pages-login"] .btn-primary,html[data-page="pages-signup"] .btn-primary,html[data-page="pages-login"] button[type="submit"],html[data-page="pages-signup"] button[type="submit"]{padding:14px !important;font-size:16px !important}html[data-page="pages-login"] .remember-forgot{flex-direction:column !important;gap:12px !important;align-items:flex-start !important}html[data-page="pages-login"] #publicThemeToggle,html[data-page="pages-signup"] #publicThemeToggle{top:15px !important;right:15px !important}}@media(max-width:768px){html[data-page="pages-login"] button.btn-gradient[type="submit"],html[data-page="pages-signup"] button.btn-gradient[type="submit"]{display:block !important;width:100% !important;text-align:center !important;margin:0 auto !important}html[data-page="pages-login"] form,html[data-page="pages-signup"] form{width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important}html[data-page="pages-login"] form>*,html[data-page="pages-signup"] form>*{width:100% !important;max-width:100% !important}html[data-page="pages-login"] .login-left>.w-full,html[data-page="pages-signup"] .signup-right>.w-full{display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important;padding:0 20px !important}html[data-page="pages-login"] .grid-cols-2,html[data-page="pages-signup"] .grid-cols-2{width:100% !important}html[data-page="pages-login"] .nav-logo,html[data-page="pages-signup"] .nav-logo{display:flex !important;justify-content:center !important;width:100% !important}html[data-page="pages-login"] .mb-10,html[data-page="pages-login"] .mb-8,html[data-page="pages-signup"] .mb-8{text-align:center !important;width:100% !important}html[data-page="pages-login"] h1,html[data-page="pages-signup"] h1{text-align:center !important}html[data-page="pages-login"] .divider,html[data-page="pages-signup"] .divider{width:100% !important}html[data-page="pages-login"] .input-wrapper,html[data-page="pages-signup"] .input-wrapper{width:100% !important}html[data-page="pages-login"] .remember-forgot{width:100% !important}html[data-page="pages-login"] .text-center,html[data-page="pages-signup"] .text-center{width:100% !important}}@media(max-width:768px){[data-theme="light"] .quick-action-btn .quick-action-icon,[data-theme="light"] .quick-action-btn .quick-action-icon i,[data-theme="light"] .quick-action-btn>span:first-child,[data-theme="light"] .quick-action-btn span.quick-action-icon,html[data-theme="light"] .quick-action-icon,html[data-theme="light"] .quick-action-icon i,html[data-theme="light"] .quick-action-icon i.mdi,html[data-theme="light"] .quick-action-icon i.mdi-bell-outline,html[data-theme="light"] .quick-action-icon i.mdi-weather-sunny,html[data-theme="light"] .quick-action-icon i.mdi-weather-night{background:transparent !important;background-color:transparent !important;background-image:none !important}html[data-theme="light"] .quick-action-btn .quick-action-icon i{color:#64748b !important}html[data-theme="light"] .quick-action-btn .notif-badge,html[data-theme="light"] .quick-action-icon .notif-badge{background:#ef4444 !important;background-color:#ef4444 !important;color:white !important}html[data-theme="light"] .dropdown-quick-actions .quick-action-btn{background:#f8fafc !important;background-color:#f8fafc !important}html[data-theme="light"] .quick-action-btn>span:last-child{background:transparent !important;color:#475569 !important}}@media(max-width:768px){html[data-theme="light"] .notif-badge,html[data-theme="light"] .quick-action-icon .notif-badge,html[data-theme="light"] .quick-action-btn .notif-badge,html[data-theme="light"] .dropdown-quick-actions .notif-badge,[data-theme="light"] .notif-badge{background:#ef4444 !important;background-color:#ef4444 !important;color:white !important}}@media (max-width:768px){.user-dropdown-menu::after{content:'';display:block;height:50px}.sidebar-nav{padding-bottom:20px!important}.user-dropdown-menu{padding-bottom:calc(15px + env(safe-area-inset-bottom,20px))!important;max-height:calc(100vh - 80px - env(safe-area-inset-bottom,20px))!important}.sidebar.open{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width:768px){.mobile-topbar-right{display:flex!important;align-items:center;gap:8px;margin-left:auto}.mobile-topbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.8);font-size:18px;cursor:pointer;transition:.2s}.mobile-topbar-btn:active{transform:scale(.95);background:rgba(255,255,255,.12)}[data-theme=light] .mobile-topbar-btn{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#475569}.mobile-topbar-btn .theme-icon-light,[data-theme=light] .mobile-topbar-btn .theme-icon-dark{display:none}.mobile-topbar-btn .theme-icon-dark,[data-theme=light] .mobile-topbar-btn .theme-icon-light{display:block}.mobile-notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:9px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}.dropdown-quick-actions{display:none!important}}@media (min-width:769px){.mobile-topbar-right{display:none!important}}