:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#ecfdf5;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-500:#f59e0b;--error-50:#fef2f2;--error-500:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--border-color:#e5e7eb}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#374151;--border-subtle:#4b5563;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444}[data-theme=dark] body{background-color:var(--bg-secondary);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;backdrop-filter:blur(8px)}.header-content{justify-content:space-between;height:4rem}.header-content,.logo{display:flex;align-items:center}.logo{gap:.5rem}.logo-icon{width:1.25rem;height:1.25rem;color:var(--primary-600)}.logo h1{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.nav,.nav-btn{display:flex;align-items:center;gap:.5rem}.nav-btn{padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.nav-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-btn.active{background-color:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.nav-label{font-size:.875rem;font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary)}.mobile-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5)!important;z-index:10000;display:flex;justify-content:flex-end}.mobile-drawer{width:min(82vw,360px);height:100vh;background:#ffffff!important;border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:10001;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideIn .2s ease-out;color:var(--text-primary)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);background-color:#ffffff!important}.mobile-drawer-section{padding:.75rem;display:flex;flex-direction:column;gap:.25rem;background-color:transparent}.mobile-section-title{margin:.25rem 0 .5rem;color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.mobile-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--text-primary)!important;text-decoration:none}.mobile-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-drawer .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--text-primary)!important;text-decoration:none}.mobile-drawer .dropdown-item:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.user-dropdown{position:relative;display:inline-block}.user-dropdown-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-base)}.user-dropdown-toggle:hover{background-color:var(--bg-tertiary)}.user-profile{gap:.75rem}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:2.25rem;height:2.25rem;border-radius:var(--border-radius);background-color:var(--primary-600);color:white;justify-content:center;font-weight:600;font-size:.875rem}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.user-company{font-size:.75rem;color:var(--text-tertiary)}.dropdown-arrow{width:1rem;height:1rem;color:var(--text-tertiary);transition:transform var(--transition-base)}.user-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;z-index:50;min-width:16rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all var(--transition-base)}.user-dropdown:hover .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:1rem;border-bottom:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:.75rem}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all var(--transition-base);cursor:pointer;width:100%;border:none;background:none;text-align:left}.dropdown-item:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dropdown-item.logout-item{color:var(--error-500);background-color:var(--error-50);border:1px solid var(--error-200);margin:0;border-radius:.375rem;width:100%;justify-content:center}.dropdown-item.logout-item:hover{background-color:var(--error-100);color:var(--error-600);border-color:var(--error-300)}.dropdown-item:focus{outline:none;background-color:var(--bg-tertiary);color:var(--text-primary)}.api-status-item{padding:.5rem 1rem}.api-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-tertiary)}.status-indicator{width:.5rem;height:.5rem;border-radius:50%}.status-indicator,.status-indicator.online{background-color:var(--success-500)}.dark-mode-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.toggle-switch{position:relative;width:2.5rem;height:1.25rem;background-color:var(--gray-300);border-radius:.625rem;cursor:pointer;transition:background-color var(--transition-base)}.toggle-switch.active{background-color:var(--primary-500)}.toggle-slider{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:white;border-radius:50%;transition:transform var(--transition-base)}.toggle-switch.active .toggle-slider{transform:translateX(1.25rem)}.main{min-height:calc(100vh - 4rem);padding:2rem 0}.page-header{margin-bottom:1rem}.page-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.page-header p{color:var(--text-tertiary);font-size:.875rem}.card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:1.5rem}.card,.card-header{background-color:var(--bg-primary)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-actions{display:flex;align-items:center;gap:.75rem}.card-content{padding:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{width:3rem;height:3rem;border-radius:var(--border-radius);background-color:var(--primary-50);color:var(--primary-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-content p{font-size:.875rem;color:var(--text-tertiary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary-500);color:white;border-color:var(--primary-500)}.btn-primary:hover{background-color:var(--primary-600);border-color:var(--primary-600)}.btn-secondary{background-color:var(--gray-100);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--gray-200);color:var(--text-primary)}.btn-success{background-color:var(--success-500);color:white;border-color:var(--success-500)}.btn-danger{background-color:var(--error-500);color:white;border-color:var(--error-500)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-icon svg{width:1rem;height:1rem}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:var(--success-50);color:var(--success-600)}.badge-warning{background-color:var(--warning-50);color:var(--warning-500)}.badge-error{background-color:var(--error-50);color:var(--error-500)}.badge-secondary{background-color:var(--gray-100);color:var(--gray-700)}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table tbody tr:hover,.table th{background-color:var(--bg-tertiary)}.filters-container{margin-bottom:1.5rem}.filters-row{flex-wrap:wrap}.filters-left,.filters-row{display:flex;align-items:center;gap:1rem}.filters-left{flex:1}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-group input,.filter-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-base)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.filters-right{display:flex;align-items:center;gap:.75rem}.hidden{display:none!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){.container{padding:0 1rem}.header-content{height:3.5rem}.header .nav{display:none!important}.mobile-menu-btn{display:inline-flex}.header .user-dropdown{display:none!important}.table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.filters-row{flex-direction:column;align-items:stretch}.filters-left{flex-direction:column;gap:.75rem}.card-header{flex-direction:column;align-items:stretch;gap:1rem}.card-actions{justify-content:stretch}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}[data-theme=dark] body{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}@media (max-width:1024px){.header .nav{display:none!important}.mobile-menu-btn{display:inline-flex}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.header .user-dropdown{display:none!important}}[data-theme=dark] .header,[data-theme=dark] .mobile-drawer,[data-theme=dark] .mobile-drawer-header{background-color:var(--bg-primary)!important}[data-theme=dark] .header{border-bottom:1px solid var(--border-subtle)!important;backdrop-filter:blur(12px)}[data-theme=dark] .logo h1{color:var(--text-primary)}[data-theme=dark] .nav-btn{color:var(--text-secondary)}[data-theme=dark] .nav-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .nav-btn.active{background-color:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}[data-theme=dark] .card{box-shadow:0 1px 3px rgba(0,0,0,.2)!important}[data-theme=dark] .card,[data-theme=dark] .stat-card{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .stat-card{color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .stat-card h3{color:var(--text-primary)}[data-theme=dark] .stat-card p{color:var(--text-secondary)}[data-theme=dark] .stat-icon{background-color:var(--bg-tertiary);color:var(--accent-primary)}[data-theme=dark] .page-header h2{color:var(--text-primary)}[data-theme=dark] .page-header p{color:var(--text-secondary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;accent-color:var(--accent-primary)!important}[data-theme=dark] input[type=checkbox]:checked,[data-theme=dark] input[type=radio]:checked{background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .btn-secondary{border-color:var(--border-color)!important}[data-theme=dark] .btn-icon,[data-theme=dark] .btn-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}[data-theme=dark] .btn-icon{border:1px solid var(--border-color)!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important}[data-theme=dark] .btn-icon:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .btn-icon.text-blue-600{color:var(--accent-primary)!important}[data-theme=dark] .btn-icon.text-green-600{color:var(--accent-success)!important}[data-theme=dark] .btn-icon.text-red-600{color:var(--accent-error)!important}[data-theme=dark] .btn-icon.text-purple-600{color:var(--accent-secondary)!important}[data-theme=dark] .btn-icon.text-orange-500{color:var(--accent-warning)!important}[data-theme=dark] .btn-icon[style*="background-color: #0ea5e9"],[data-theme=dark] .btn-icon[style*="background-color: #10b981"],[data-theme=dark] .btn-icon[style*="background-color: #16a34a"],[data-theme=dark] .btn-icon[style*="background-color: #8b5cf6"],[data-theme=dark] .btn-icon[style*="background-color: #ef4444"]{background-color:inherit!important;color:inherit!important;border:inherit!important}[data-theme=dark] .btn-icon.btn-green,[data-theme=dark] .btn-icon.btn-success{background-color:var(--accent-success)!important;color:white!important;border:1px solid var(--accent-success)!important}[data-theme=dark] .btn-icon.btn-blue,[data-theme=dark] .btn-icon.btn-primary{background-color:var(--accent-primary)!important;color:white!important;border:1px solid var(--accent-primary)!important}[data-theme=dark] .btn-icon.btn-purple{background-color:var(--accent-secondary)!important;color:white!important;border:1px solid var(--accent-secondary)!important}[data-theme=dark] .btn-icon.btn-danger,[data-theme=dark] .btn-icon.btn-red{background-color:var(--accent-error)!important;color:white!important;border:1px solid var(--accent-error)!important}[data-theme=dark] .btn-icon.btn-orange,[data-theme=dark] .btn-icon.btn-warning{background-color:var(--accent-warning)!important;color:white!important;border:1px solid var(--accent-warning)!important}[data-theme=dark] .table th{background-color:var(--bg-tertiary)!important}[data-theme=dark] .table td,[data-theme=dark] .table th{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .table tbody tr:hover{background-color:var(--bg-tertiary)!important}[data-theme=dark] .nav-btn{color:var(--text-secondary)!important}[data-theme=dark] .nav-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=dark] .nav-btn.active{background-color:var(--primary-900)!important;color:var(--primary-300)!important}[data-theme=dark] .login-actions .btn-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .login-actions .btn-secondary:hover{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--primary-300)!important;cursor:pointer!important}[data-theme=dark] .login-actions .btn-secondary,[data-theme=dark] .login-actions button[type=button]{cursor:pointer!important}[data-theme=dark] .dev-badge{background:var(--warning-900)!important;color:var(--warning-300)!important;border-color:var(--warning-700)!important}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.login-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--primary-200),var(--primary-300));opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.shape-3{width:100px;height:100px;top:30%;right:30%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-container{background:white;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:2rem 2rem 1.5rem;width:100%;max-width:450px;position:relative;z-index:2;margin:1rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-600)}.login-logo i{width:2rem;height:2rem}.login-header h1{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.login-header p{color:var(--gray-600);font-size:1rem}.login-form-container{margin-bottom:1.5rem;max-height:90vh;overflow-y:auto;padding-right:.5rem}.login-form-container::-webkit-scrollbar{width:4px}.login-form-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:2px}.login-form-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.login-form-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.auth-form{gap:.875rem;padding:.25rem 0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--gray-700);font-size:.875rem}.form-group input{padding:.75rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;transition:all .2s;background:white}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input::placeholder{color:var(--gray-400)}.btn-primary.full-width{width:100%;padding:.75rem 1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;margin-bottom:.125rem;cursor:pointer}.btn-primary.full-width i{width:1rem;height:1rem}.btn-primary.full-width:hover{cursor:pointer}.btn-primary.full-width:disabled{cursor:not-allowed}.login-footer{text-align:center;padding-top:.75rem;border-top:1px solid var(--gray-200);margin-top:.125rem}.login-footer p{color:var(--gray-500);font-size:.75rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{background:white;padding:1.25rem 1.5rem;border-radius:.75rem;display:flex;flex-direction:row;align-items:center;gap:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:auto;max-width:200px}.loading-spinner i,.loading-spinner svg{width:1.25rem;height:1.25rem;color:#3b82f6;flex-shrink:0;animation:spin 1s linear infinite}.loading-spinner span{color:#374151;font-weight:500;font-size:.875rem;white-space:nowrap}[data-theme=dark] .loading-spinner{background:#1f2937;box-shadow:0 4px 12px rgba(0,0,0,.4)}[data-theme=dark] .loading-spinner svg{color:#60a5fa}[data-theme=dark] .loading-spinner span{color:#f3f4f6}.signup-info{margin-top:1.5rem;padding:1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;text-align:center}.signup-info p{margin:0;color:#3b82f6;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.signup-info i{width:16px;height:16px;flex-shrink:0}.error-message{background:var(--error-50);border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:.75rem;margin-top:.5rem}.error-text{color:var(--error-500);font-size:.875rem;font-weight:500}.login-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.login-actions .btn-secondary{width:100%;padding:.75rem 1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--gray-100);color:var(--text-secondary);border-color:var(--border-color);transition:all var(--transition-base);cursor:pointer}.login-actions .btn-secondary:hover{background-color:var(--gray-200);color:var(--text-primary);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer}.login-actions .btn-secondary i{width:1rem;height:1rem}.login-actions .btn-secondary:active,.login-actions .btn-secondary:focus{cursor:pointer}.login-actions button[type=button],.login-page .login-actions .btn-secondary,.login-page .login-actions .btn-secondary:active,.login-page .login-actions .btn-secondary:focus,.login-page .login-actions .btn-secondary:hover,.login-page .login-actions button{cursor:pointer!important}.dev-badge{background:var(--warning-50);color:var(--warning-500);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid var(--warning-200)}@media (max-width:640px){.login-container{margin:.5rem;padding:1.5rem;padding:1.5rem 1.5rem 1.25rem}}.sites-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.site-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all .2s}.site-item:hover{background:var(--bg-tertiary);border-color:var(--primary-300);box-shadow:0 2px 8px rgba(0,0,0,.1)}.site-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.site-info{flex:1}.site-name{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.site-badges{flex-wrap:wrap}.site-actions,.site-badges{display:flex;gap:var(--spacing-2)}.site-actions{flex-shrink:0}.site-details{flex-direction:column}.detail-row,.site-details{display:flex;gap:var(--spacing-2)}.detail-row{align-items:center;flex-wrap:wrap}.detail-label{font-weight:500;color:var(--text-secondary);min-width:80px}.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-value{color:var(--text-primary)}.url-value{font-family:Courier New,monospace;background:var(--bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);word-break:break-all;max-width:300px}.btn.btn-danger{background-color:var(--color-error-500,#ef4444)!important;color:white!important;border-color:var(--color-error-500,#ef4444)!important}.btn.btn-danger:hover{background-color:var(--color-error-600,#dc2626)!important;color:white!important;border-color:var(--color-error-600,#dc2626)!important}.leads-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.lead-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all .2s}.lead-item:hover{background:var(--bg-tertiary);border-color:var(--primary-300);box-shadow:0 2px 8px rgba(0,0,0,.1)}.lead-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.lead-info{flex:1}.lead-name{margin:0 0 var(--spacing-1) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.lead-company{margin:0 0 var(--spacing-2) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.lead-badges{flex-wrap:wrap}.lead-actions,.lead-badges{display:flex;gap:var(--spacing-2)}.lead-actions{flex-shrink:0}.lead-details{gap:var(--spacing-2)}.lead-details,.tokens-list{display:flex;flex-direction:column}.tokens-list{gap:var(--spacing-4)}.token-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);transition:all .2s}.token-item:hover{background:var(--bg-tertiary);border-color:var(--primary-300);box-shadow:0 2px 8px rgba(0,0,0,.1)}.token-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.token-info{flex:1}.token-name{margin:0 0 var(--spacing-1) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.token-company{margin:0 0 var(--spacing-2) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.token-badges{flex-wrap:wrap}.token-actions,.token-badges{display:flex;gap:var(--spacing-2)}.token-actions{flex-shrink:0}.token-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.token-value{font-family:Courier New,monospace;background:var(--bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);word-break:break-all;max-width:300px}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-6);padding:var(--spacing-4) 0}.pagination{gap:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-sm)}.pagination,.pagination-btn{display:flex;align-items:center;background:var(--bg-primary)}.pagination-btn{justify-content:center;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.pagination-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-tertiary)}.pagination-info{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--border-radius-md);color:var(--primary-700);font-size:var(--font-size-sm);font-weight:600;min-width:120px;justify-content:center}[data-theme=dark] .user-dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);backdrop-filter:blur(12px)}[data-theme=dark] .dropdown-item{color:var(--text-primary);transition:all .2s ease}[data-theme=dark] .dropdown-item:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=dark] .dropdown-divider{border-color:var(--border-color)}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-company{color:var(--text-secondary)}[data-theme=dark] .user-avatar{background-color:var(--accent-primary);color:white}[data-theme=dark] .api-status span,[data-theme=dark] .dark-mode-item{color:var(--text-primary)}[data-theme=dark] .logout-item{color:var(--text-primary)!important;background:transparent!important;border:none!important;width:100%!important;text-align:left!important;padding:.75rem 1rem!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:.5rem!important}[data-theme=dark] .logout-item:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=dark] .logout-item span{color:inherit!important;opacity:1!important;visibility:visible!important;display:inline!important}[data-theme=dark] .modal-overlay{background-color:rgba(0,0,0,.8)!important}[data-theme=dark] .modal-content{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)!important}[data-theme=dark] .modal-header{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .modal-header h3,[data-theme=dark] .modal-title h3{color:var(--text-primary)!important}[data-theme=dark] .modal-close-btn{color:var(--text-secondary)!important;background-color:transparent!important;border:1px solid var(--border-color)!important}[data-theme=dark] .modal-close-btn:hover{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .modal-body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-footer{background-color:var(--bg-primary)!important}[data-theme=dark] .modal-actions,[data-theme=dark] .modal-footer{border-top:1px solid var(--border-color)!important}[data-theme=dark] .modal{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.3)!important}[data-theme=dark] .modal .card{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important}[data-theme=dark] .modal .card-header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .modal .card-title h3{color:var(--text-primary)!important}[data-theme=dark] .modal .card-body{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .modal p,[data-theme=dark] .modal span,[data-theme=dark] .modal strong{color:var(--text-primary)!important}[data-theme=dark] .modal small{color:var(--text-secondary)!important}[data-theme=dark] .modal .badge{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .modal .badge-success{background-color:var(--accent-success)!important;color:white!important}[data-theme=dark] .modal .badge-warning{background-color:var(--accent-warning)!important;color:white!important}[data-theme=dark] .modal .badge-error{background-color:var(--accent-error)!important;color:white!important}[data-theme=dark] .modal .btn{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .modal .btn:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .modal .btn-primary{background-color:var(--accent-primary)!important;color:white!important;border-color:var(--accent-primary)!important}[data-theme=dark] .modal .btn-primary:hover{background-color:#2563eb!important;border-color:#2563eb!important}[data-theme=dark] .modal .btn-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal .btn-secondary:hover{background-color:var(--bg-secondary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .modal .btn-icon{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .modal .btn-icon:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .btn-outline{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .btn-outline:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--accent-primary)!important}[data-theme=dark] .modal li,[data-theme=dark] .modal ul{color:var(--text-primary)!important}[data-theme=dark] .modal ::-webkit-scrollbar{width:8px}[data-theme=dark] .modal ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] .modal ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] .modal ::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-200,[data-theme=dark] .text-gray-300,[data-theme=dark] .text-gray-400,[data-theme=dark] .text-gray-500{color:var(--text-tertiary)!important}[data-theme=dark] .text-gray-100{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-900{color:var(--text-primary)!important}[data-theme=dark] .space-y-4>*+*{margin-top:1rem}[data-theme=dark] .text-center{text-align:center}[data-theme=dark] .py-8{padding-top:2rem;padding-bottom:2rem}[data-theme=dark] .mb-4{margin-bottom:1rem}[data-theme=dark] .mb-2{margin-bottom:.5rem}[data-theme=dark] .mt-2{margin-top:.5rem}[data-theme=dark] .text-sm{font-size:.875rem}[data-theme=dark] .text-xs{font-size:.75rem}[data-theme=dark] .toggle-switch{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}[data-theme=dark] .toggle-switch.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=dark] .toggle-slider{background-color:white;box-shadow:0 2px 4px rgba(0,0,0,.2)}[data-theme=dark] .badge{color:white!important;font-weight:500}[data-theme=dark] .badge-success{background-color:var(--accent-success)!important;color:white!important}[data-theme=dark] .badge-error{background-color:var(--accent-error)!important;color:white!important}[data-theme=dark] .badge-warning{background-color:var(--accent-warning)!important;color:white!important}[data-theme=dark] .badge-info{background-color:var(--accent-primary)!important;color:white!important}[data-theme=dark] .badge-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .filters-container{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .filter-group label{color:var(--text-primary)!important}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .filter-input:focus,[data-theme=dark] .filter-select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:max(2rem,env(safe-area-inset-top,0px)) max(2rem,env(safe-area-inset-right,0px)) max(2rem,env(safe-area-inset-bottom,0px)) max(2rem,env(safe-area-inset-left,0px))}.auth-background{position:absolute;inset:0;z-index:0}.auth-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#e0e7ff,#ede9fe 50%,#e0e7ff)}.auth-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0,transparent 70%)}.auth-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:4rem;max-width:1100px;width:100%;margin:0 auto;flex-wrap:wrap}.auth-info-section{flex:1;max-width:480px}.auth-brand{gap:.75rem;margin-bottom:1rem}.auth-brand,.auth-logo-icon{display:flex;align-items:center}.auth-logo-icon{width:44px;height:44px;border-radius:10px;justify-content:center;color:white;box-shadow:0 4px 12px rgba(99,102,241,.3)}.auth-logo-icon,.auth-logo-text{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.auth-logo-text{font-size:1.75rem;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tagline{font-size:1.125rem;color:#64748b;margin-bottom:2.5rem;line-height:1.6}.auth-features{display:flex;flex-direction:column;gap:1.5rem}.auth-feature-item{display:flex;align-items:flex-start;gap:1rem}.auth-feature-icon{width:36px;height:36px;background:white;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.auth-feature-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.auth-feature-content p{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.auth-card-section{flex-shrink:0;width:480px}.auth-card{background:white;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.08),0 20px 25px -5px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.8)}.auth-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(99,102,241,.3)}.auth-card-icon-locked{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 12px rgba(100,116,139,.3)}.auth-card-header{text-align:center;margin-bottom:1.5rem}.auth-card-header h1{font-size:1.375rem;font-weight:700;color:#1e293b;margin:0 0 .375rem}.auth-card-header p{font-size:.875rem;color:#64748b;margin:0}.auth-form{gap:1rem}.auth-form,.auth-form-group{display:flex;flex-direction:column}.auth-form-group{gap:.375rem}.auth-form-group label{font-size:.8125rem;font-weight:500;color:#374151}.auth-form-group input{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#f8fafc;color:#1e293b;transition:all .2s ease}.auth-form-group input:focus{outline:none;border-color:#6366f1;background:white;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.auth-form-group input::placeholder{color:#94a3b8}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;color:#dc2626;font-size:.8125rem;font-weight:500}.auth-submit-btn{width:100%;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:white;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:.25rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.35)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-secondary-btn{width:100%;padding:.625rem 1.25rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:.75rem}.auth-secondary-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}.auth-info-box{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);border-radius:6px}.auth-info-box svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.auth-info-box p{font-size:.8125rem;color:#3b82f6;margin:0;line-height:1.5}.auth-card-footer{text-align:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f1f5f9}.auth-card-footer p{font-size:.8125rem;color:#64748b;margin:0}.auth-card-footer .auth-copyright{margin-top:.5rem;font-size:.75rem;color:#94a3b8}.auth-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#4f46e5;text-decoration:underline}.auth-blocked-content{text-align:center;padding:.75rem 0}.auth-blocked-icon{width:48px;height:48px;background:#fef3c7;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#d97706}.auth-blocked-content h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.auth-blocked-text{font-size:.8125rem;color:#64748b;line-height:1.5;margin:0 0 1rem}.auth-contact-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:left}.auth-contact-info h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .375rem;display:flex;align-items:center;gap:.5rem}.auth-contact-info>p{font-size:.75rem;color:#64748b;margin:0 0 .5rem}.auth-requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.auth-requirements-list li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#475569}.auth-requirements-list li svg{color:#6366f1;flex-shrink:0}@media (max-width:1024px){.auth-wrapper{flex-direction:column;gap:2rem}.auth-info-section{max-width:100%;text-align:center}.auth-brand,.auth-features{justify-content:center}.auth-features{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1rem}.auth-feature-item{max-width:200px;text-align:center;flex-direction:column;align-items:center}.auth-card-section{width:100%;max-width:480px}}@media (max-width:768px){.auth-page{padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px))}.auth-wrapper{gap:1.5rem}.auth-tagline{font-size:1rem;margin-bottom:1.5rem}.auth-features{display:flex;gap:.75rem}.auth-feature-item{max-width:150px;gap:.5rem}.auth-feature-icon{width:32px;height:32px}.auth-feature-content h4{font-size:.8125rem}.auth-feature-content p{display:none}}@media (max-width:640px){.auth-page{padding:max(.75rem,env(safe-area-inset-top,0px)) .75rem max(.75rem,env(safe-area-inset-bottom,0px));align-items:flex-start}.auth-card{padding:1.25rem;border-radius:12px}.auth-card-section{max-width:100%}.auth-logo-text{font-size:1.375rem}.auth-tagline{font-size:.875rem;margin-bottom:1rem}.auth-features{display:none}.auth-card-header h1{font-size:1.125rem}.auth-card-header p{font-size:.8125rem}.auth-form-group input{padding:.75rem .875rem;font-size:16px}.auth-submit-btn{padding:.75rem 1.25rem;min-height:48px}.auth-secondary-btn{min-height:48px}.auth-info-section{padding:0 .5rem}.auth-brand{margin-bottom:.5rem}}[data-theme=dark] .auth-gradient{background:linear-gradient(135deg,#1e1b4b,#1e293b 50%,#1e1b4b)}[data-theme=dark] .auth-pattern{background-image:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0,transparent 70%)}[data-theme=dark] .auth-tagline{color:#94a3b8}[data-theme=dark] .auth-feature-icon{background:#1e293b;border-color:#334155;color:#818cf8}[data-theme=dark] .auth-feature-content h4{color:#f1f5f9}[data-theme=dark] .auth-feature-content p{color:#94a3b8}[data-theme=dark] .auth-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px rgba(0,0,0,.2),0 10px 15px -3px rgba(0,0,0,.25),0 20px 25px -5px rgba(0,0,0,.15)}[data-theme=dark] .auth-card-header h1{color:#f1f5f9}[data-theme=dark] .auth-card-header p{color:#94a3b8}[data-theme=dark] .auth-form-group label{color:#e2e8f0}[data-theme=dark] .auth-form-group input{background:#334155;border-color:#475569;color:#f1f5f9}[data-theme=dark] .auth-form-group input:focus{border-color:#818cf8;background:#1e293b;box-shadow:0 0 0 3px rgba(129,140,248,.2)}[data-theme=dark] .auth-form-group input::placeholder{color:#64748b}[data-theme=dark] .auth-error{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#f87171}[data-theme=dark] .auth-card-footer{border-top-color:#334155}[data-theme=dark] .auth-card-footer p{color:#94a3b8}[data-theme=dark] .auth-link{color:#818cf8}[data-theme=dark] .auth-link:hover{color:#a5b4fc}[data-theme=dark] .auth-blocked-icon{background:rgba(217,119,6,.2);color:#fbbf24}[data-theme=dark] .auth-blocked-content h3{color:#f1f5f9}[data-theme=dark] .auth-blocked-text{color:#94a3b8}[data-theme=dark] .auth-contact-info{background:#0f172a;border-color:#334155}[data-theme=dark] .auth-contact-info h4{color:#f1f5f9}[data-theme=dark] .auth-contact-info>p{color:#94a3b8}[data-theme=dark] .auth-requirements-list li{color:#cbd5e1}[data-theme=dark] .auth-requirements-list li svg{color:#818cf8}[data-theme=dark] .auth-secondary-btn{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .auth-secondary-btn:hover{background:#475569;border-color:#64748b;color:#f1f5f9}[data-theme=dark] .auth-info-box{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.25)}[data-theme=dark] .auth-info-box svg{color:#818cf8}[data-theme=dark] .auth-info-box p{color:#a5b4fc}[data-theme=dark] .auth-copyright{color:#64748b!important}