*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f3f4f6;--bg-hover: #f5f5f5;--text-primary: #213547;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-color: #d9d9d9;--primary-color: #1890ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--success-bg: #d1fae5;--success-text: #065f46;--error-bg: #fee2e2;--error-text: #991b1b;--warning-bg: #fef3c7;--warning-text: #92400e;--info-bg: #dbeafe;--info-text: #1e40af;--btn-primary-bg: #3b82f6;--btn-primary-hover: #2563eb;--btn-secondary-bg: #6b7280;--btn-secondary-hover: #4b5563;--btn-success-bg: #10b981;--btn-success-hover: #059669;--btn-warning-bg: #f59e0b;--btn-warning-hover: #d97706;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #374151;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--border-color: #374151;--primary-color: #3b82f6;--dark-bg-primary: #0f172a;--dark-bg-secondary: #1e293b;--dark-border-color: #374151;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--success-bg: #064e3b;--success-text: #6ee7b7;--error-bg: #7f1d1d;--error-text: #fca5a5;--warning-bg: #78350f;--warning-text: #fcd34d;--info-bg: #1e3a8a;--info-text: #93c5fd;--btn-primary-bg: #2563eb;--btn-primary-hover: #3b82f6;--btn-secondary-bg: #475569;--btn-secondary-hover: #64748b;--btn-success-bg: #059669;--btn-success-hover: #10b981;--btn-warning-bg: #d97706;--btn-warning-hover: #f59e0b;color:var(--text-primary);background-color:var(--bg-primary)}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.auth-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.auth-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.auth-container{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:490px;padding:40px;position:relative;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out}.auth-container .language-selector{position:relative!important}[data-theme=dark] .css-dev-only-do-not-override-1odpy5d .anticon.anticon-down svg{fill:#fff!important}[data-theme=light] .css-dev-only-do-not-override-1odpy5d .anticon.anticon-down svg{fill:#000!important}[data-theme=dark] .floating-playback-panel .anticon svg{fill:#fff!important}[data-theme=light] .floating-playback-panel .anticon svg{fill:#000!important}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:228px;margin:0 auto 16px;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.auth-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:16px;color:#666;margin:0;font-weight:400}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group input{width:100%;padding:16px 20px;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:16px;font-weight:500;background:#fffc;transition:all .3s ease;outline:none;color:#333}.form-group input:focus{border-color:#667eea;background:#fffffff2;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group input::placeholder{color:#999;font-weight:400}.auth-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:16px}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-button:disabled:before{display:none}.divider{display:flex;align-items:center;margin:24px 0;text-align:center}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.divider span{padding:0 16px;color:#666;font-weight:500;font-size:14px;background:#ffffffe6;border-radius:12px}.social-buttons{display:flex;gap:12px;margin-bottom:24px}.social-button{flex:1;padding:14px 16px;border:2px solid rgba(0,0,0,.08);border-radius:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:#333;text-decoration:none;font-size:14px}.social-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:#00000026}.social-button.google{border-color:#ea4335;color:#ea4335}.social-button.google:hover{background:#ea4335;color:#fff;border-color:#ea4335}.social-button.apple{border-color:#000;color:#000}.social-button.apple:hover{background:#000;color:#fff;border-color:#000}.social-icon{width:18px;height:18px;flex-shrink:0}.auth-links{text-align:center;margin-top:24px}.auth-link{color:#667eea;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;cursor:pointer;padding:4px 8px;border-radius:6px;display:inline-block;border:none}.auth-link:hover{color:#764ba2;background:#667eea1a}.auth-link-separator{color:#999;margin:0 6px}.language-selector{position:absolute;top:20px;right:20px;display:flex;gap:6px}.lang-button{padding:6px 10px;border:2px solid rgba(0,0,0,.08);border-radius:8px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-weight:600;font-size:12px;color:#666;transition:all .3s ease}.lang-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.lang-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-message:before{content:"⚠️";font-size:16px}.success-message{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.success-message:before{content:"✅";font-size:16px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@media (max-width: 768px){.auth-container{margin:20px;padding:32px 24px;max-width:none}.auth-title{font-size:24px}.social-buttons{flex-direction:column}.language-selector{position:static;justify-content:center;margin-top:20px}}@media (max-width: 480px){.auth-page{padding:10px}.auth-container{padding:24px 16px}.auth-title{font-size:22px}.form-group input{padding:14px 16px;font-size:16px}.auth-button{padding:14px 20px;font-size:16px}.social-button{padding:12px 14px;font-size:13px}}.logo-section{margin-bottom:30px}.logo{width:120px;height:auto;margin-bottom:20px}.logo-section h1{font-size:1.5rem;color:#333;margin:0;font-weight:600}.login-form h2{font-size:2rem;margin-bottom:30px;color:#333}.input-group{margin-bottom:20px}.input-group input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sign-in-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;margin-bottom:20px;transition:transform .2s ease,box-shadow .2s ease}.sign-in-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.sign-in-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:#fff;padding:0 15px;color:#666;font-weight:500}.google-btn{width:100%;padding:15px;background:#fff;color:#333;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:all .3s ease}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 8px #0000001a}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-btn img{width:20px;height:20px;margin-right:10px}.apple-btn{width:100%;padding:15px;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .3s ease}.apple-btn:hover:not(:disabled){background:#333}.apple-btn:disabled{opacity:.7;cursor:not-allowed}.apple-btn img{width:20px;height:20px;margin-right:10px}.links{margin-top:20px}.link-btn{background:none;border:none;color:#667eea;text-decoration:none;font-weight:500;cursor:pointer;padding:0;font-size:inherit}.link-btn:hover{text-decoration:underline}.language-selector{margin-top:30px}.language-selector button{background:none;border:2px solid #e1e5e9;padding:8px 12px;margin:0 5px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.language-selector button.active{background:#667eea;color:#fff;border-color:#667eea}.language-selector button:hover:not(:disabled){border-color:#667eea}.language-selector button:disabled{opacity:.7;cursor:not-allowed}.error{color:#dc3545;margin-top:10px;font-weight:500;font-size:.9rem}.success{color:#28a745;margin-top:10px;font-weight:500}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column}.dashboard-content{display:flex;flex:1;position:relative}.main-content{flex:1;padding:20px;background-color:#f5f5f5;min-height:calc(100vh - 70px);overflow-x:hidden;position:relative}[data-theme=dark] .main-content{background-color:#0f172a;color:#e2e8f0}@media (max-width: 1024px){.main-content{margin-left:0!important;width:100%!important}}.user-info-card,.settings-info-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;border:1px solid #e1e5e9}.user-info-card h3,.settings-info-card h3{color:#213547;margin-bottom:16px;font-size:1.25rem;font-weight:600}.user-details,.settings-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.user-details p,.settings-details p{margin:0;padding:8px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between}.user-details p strong,.settings-details p strong{color:#666;font-weight:500}.user-details p:last-child,.settings-details p:last-child{border-bottom:none}.topbar{background:#fff;border-bottom:1px solid #e1e5e9;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.topbar .logo{font-size:1.5rem;font-weight:700;color:#213547}.topbar-nav{display:flex;align-items:center;gap:16px}.user-info{color:#666;font-size:.9rem}.logout-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.logout-btn:hover{background:#c82333}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-btn .8s linear infinite;margin-right:.5rem;vertical-align:middle}.btn-spinner-sm{width:14px;height:14px;border-width:1.5px}.btn-spinner-lg{width:20px;height:20px;border-width:2.5px}@keyframes spin-btn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--dashboard-bg: #f8fafc;--dashboard-card-bg: #ffffff;--dashboard-border: #e2e8f0;--dashboard-shadow: 0 4px 6px rgba(0, 0, 0, .05);--dashboard-shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--dashboard-text: #1e293b;--dashboard-text-secondary: #64748b;--dashboard-text-muted: #94a3b8;--primary-blue: #3b82f6;--primary-green: #10b981;--primary-orange: #f59e0b;--primary-red: #ef4444;--primary-purple: #8b5cf6;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);--gradient-warning: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--gradient-danger: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)}[data-theme=dark]{--dashboard-bg: #0f172a;--dashboard-card-bg: #1e293b;--dashboard-border: #334155;--dashboard-shadow: 0 4px 6px rgba(0, 0, 0, .3);--dashboard-shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--dashboard-text: #f1f5f9;--dashboard-text-secondary: #cbd5e1;--dashboard-text-muted: #94a3b8}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--dashboard-text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--dashboard-border);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-container{padding:24px;background:var(--dashboard-bg);min-height:100vh;transition:all .3s ease}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:var(--dashboard-text);margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:16px;padding:24px;box-shadow:var(--dashboard-shadow);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.stat-card.active-vehicles:before{background:var(--gradient-success)}.stat-card.fuel-savings:before{background:var(--gradient-warning)}.stat-card.alerts:before{background:var(--gradient-danger)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg)}.stat-card{display:flex;align-items:center;gap:20px}.stat-icon{font-size:3rem;background:var(--gradient-primary);width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #3b82f64d}.stat-number{font-size:2.5rem;font-weight:800;color:var(--dashboard-text);line-height:1;margin-bottom:4px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.125rem;font-weight:600;color:var(--dashboard-text);margin-bottom:4px}.stat-sublabel{font-size:.875rem;color:var(--dashboard-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.dashboard-card{background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:16px;box-shadow:var(--dashboard-shadow);transition:all .3s ease;overflow:hidden}.dashboard-card:hover{box-shadow:var(--dashboard-shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--dashboard-border)}.card-header h3{font-size:1.25rem;font-weight:600;color:var(--dashboard-text);margin:0}.map-card{grid-column:span 8;grid-row:span 2}.map-controls{display:flex;gap:8px}.map-btn{padding:8px 16px;border:1px solid var(--dashboard-border);background:transparent;color:var(--dashboard-text-secondary);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.map-btn.active,.map-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.map-container{padding:24px;height:400px}.map-placeholder{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 0%,transparent 50%)}.map-legend{position:absolute;top:20px;left:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem}.legend-item:last-child{margin-bottom:0}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.legend-dot.idle{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.legend-dot.maintenance{background:#ef4444;box-shadow:0 0 8px #ef444480}.map-stats{position:absolute;bottom:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px;text-align:right}.map-stat{margin-bottom:8px;font-size:.875rem}.map-stat:last-child{margin-bottom:0}.alerts-card{grid-column:span 4}.view-all-btn{padding:6px 12px;background:var(--primary-blue);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#2563eb;transform:translateY(-1px)}.alerts-list{padding:0 24px 24px}.alert-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--dashboard-border)}.alert-item:last-child{border-bottom:none}.alert-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.alert-item.high .alert-indicator{background:var(--status-error);box-shadow:0 0 8px #ef444480}.alert-item.medium .alert-indicator{background:var(--status-warning);box-shadow:0 0 8px #f59e0b80}.alert-item.low .alert-indicator{background:var(--status-info);box-shadow:0 0 8px #3b82f680}.alert-content{flex:1}.alert-title{font-weight:600;color:var(--dashboard-text);margin-bottom:4px}.alert-vehicle{font-size:.875rem;color:var(--dashboard-text-secondary)}.alert-time{font-size:.75rem;color:var(--dashboard-text-muted)}.performance-card{grid-column:span 6}.time-selector{padding:6px 12px;border:1px solid var(--dashboard-border);border-radius:6px;background:var(--dashboard-card-bg);color:var(--dashboard-text);font-size:.875rem;cursor:pointer}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.performance-item{text-align:center;padding:20px;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.performance-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f633}.performance-value{font-size:1.5rem;font-weight:700;color:var(--dashboard-text);margin-bottom:8px}.performance-label{font-size:.875rem;color:var(--dashboard-text-secondary);margin-bottom:8px}.performance-trend{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.75rem;font-weight:600}.performance-trend.up{color:var(--status-success)}.performance-trend.down{color:var(--status-error)}.drivers-card{grid-column:span 6}.drivers-list{padding:0 24px 24px}.driver-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--dashboard-border)}.driver-item:last-child{border-bottom:none}.driver-rank{width:32px;height:32px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.driver-info{flex:1}.driver-name{font-weight:600;color:var(--dashboard-text);margin-bottom:4px}.driver-stats{display:flex;gap:16px;font-size:.75rem;color:var(--dashboard-text-secondary)}.driver-score{font-size:1.25rem;font-weight:700;color:var(--status-success)}.activities-card{grid-column:span 8}.activity-filter{display:flex;gap:8px}.filter-btn{padding:6px 12px;border:1px solid var(--dashboard-border);background:transparent;color:var(--dashboard-text-secondary);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.activities-list{padding:0 24px 24px;max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--dashboard-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.activity-content{flex:1}.activity-text{color:var(--dashboard-text);margin-bottom:4px}.activity-time{font-size:.75rem;color:var(--dashboard-text-muted)}.actions-card{grid-column:span 4}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.actions-card .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border:2px solid var(--dashboard-border);background:var(--dashboard-card-bg);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--dashboard-text);font-weight:500;min-height:120px;position:relative;overflow:hidden}.actions-card .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.actions-card .action-btn:hover:before{left:100%}.actions-card .action-btn:hover{background:linear-gradient(135deg,var(--primary-blue) 0%,#2563eb 100%);color:#fff;transform:translateY(-4px);box-shadow:0 12px 25px #3b82f666;border-color:var(--primary-blue)}.actions-card .action-btn:active{transform:translateY(-2px)}.action-icon{font-size:2rem;transition:transform .3s ease}.actions-card .action-btn:hover .action-icon{transform:scale(1.1)}.actions-card .action-btn span:last-child{font-size:.875rem;font-weight:600;text-align:center;line-height:1.3}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(8,1fr)}.map-card{grid-column:span 8}.alerts-card,.performance-card,.drivers-card{grid-column:span 4}.activities-card,.actions-card{grid-column:span 8}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:2rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-card{grid-column:span 1!important}.stat-card{flex-direction:column;text-align:center;gap:16px}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-number{font-size:2rem}.performance-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.actions-card .action-btn{padding:20px 12px;min-height:100px}.action-icon{font-size:1.75rem}.map-container{height:300px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-card{animation:fadeInUp .6s ease-out}.activities-list::-webkit-scrollbar{width:4px}.activities-list::-webkit-scrollbar-track{background:transparent}.activities-list::-webkit-scrollbar-thumb{background:var(--dashboard-border);border-radius:2px}.activities-list::-webkit-scrollbar-thumb:hover{background:var(--dashboard-text-muted)}.mail-templates-container{--bg-color: var(--bg-primary);--card-bg: var(--bg-primary);--border-color: var(--border-primary);--text-color: var(--text-primary);--text-color-secondary: var(--text-secondary);--shadow: var(--shadow-md);--dashboard-bg: var(--bg-secondary);--dashboard-card-bg: var(--bg-primary);--dashboard-border: var(--border-primary);--dashboard-text: var(--text-primary);--dashboard-text-secondary: var(--text-secondary);--primary-color: #1890ff;padding:24px;background:var(--dashboard-bg);min-height:100vh;transition:all .3s ease}[data-theme=dark] .mail-templates-container{--bg-color: var(--bg-primary);--card-bg: var(--bg-secondary);--border-color: var(--border-primary);--text-color: var(--text-primary);--text-color-secondary: var(--text-secondary);--dashboard-bg: var(--bg-primary);--dashboard-card-bg: var(--bg-secondary);--dashboard-border: var(--border-primary);--dashboard-text: var(--text-primary);--dashboard-text-secondary: var(--text-secondary)}.mail-templates-container .page-header{margin-bottom:24px}.mail-templates-container .header-content{display:flex;flex-direction:column;gap:8px}.mail-templates-container .page-title{margin:0!important;color:var(--dashboard-text)!important;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.mail-templates-container .page-description{margin:0!important;color:var(--dashboard-text-secondary)!important;font-size:16px}.mail-templates-container .stat-value{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:4px;line-height:1}.mail-templates-container .stat-label{font-size:14px;color:var(--text-color-secondary);margin:0;font-weight:500}.mail-templates-container .table-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000005}[data-theme=dark] .table-section{background:var(--card-bg-dark);border-color:var(--border-color-dark);box-shadow:0 2px 8px #0000001a}.mail-templates-container .table-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px}.mail-templates-container .table-controls{flex:1}.mail-templates-container .templates-table .ant-table{background:var(--card-bg)!important}.mail-templates-container .templates-table .ant-table-thead>tr>th{background:var(--dashboard-card-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important;font-weight:600;font-size:14px;padding:16px}[data-theme=dark] .templates-table .ant-table-thead>tr>th{background:var(--dashboard-card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.mail-templates-container .templates-table .ant-table-tbody>tr>td{background:var(--card-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important;padding:16px;vertical-align:top}[data-theme=dark] .templates-table .ant-table-tbody>tr>td{background:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.mail-templates-container .templates-table .ant-table-tbody>tr:hover>td{background:var(--bg-color)!important}[data-theme=dark] .templates-table .ant-table-tbody>tr:hover>td{background:var(--bg-color)!important}.mail-templates-container .templates-table .ant-table-tbody tr td:first-child>div>div:first-child{color:var(--primary-color);font-weight:600}.mail-templates-container .templates-table .ant-btn{border:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.mail-templates-container .templates-table .ant-btn:hover{background:var(--primary-color-light, rgba(24, 144, 255, .1));color:var(--primary-color)}.mail-templates-container .templates-table .ant-btn.ant-btn-dangerous:hover{background:#ff4d4f1a;color:#ff4d4f}.ant-modal .ant-modal-header{background:var(--card-bg);border-bottom:1px solid var(--border-color)}[data-theme=dark] .ant-modal .ant-modal-header{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.ant-modal .ant-modal-body{background:var(--card-bg);padding:0}[data-theme=dark] .ant-modal .ant-modal-body{background:var(--card-bg-dark)}.ant-drawer .ant-drawer-header{background:var(--card-bg);border-bottom:1px solid var(--border-color)}[data-theme=dark] .ant-drawer .ant-drawer-header{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.ant-drawer .ant-drawer-body{background:var(--card-bg);padding:0}[data-theme=dark] .ant-drawer .ant-drawer-body{background:var(--card-bg-dark)}.ant-input-search{border-radius:8px}.ant-input-search .ant-input{border-radius:8px 0 0 8px}.ant-input-search .ant-input-search-button{border-radius:0 8px 8px 0}.ant-btn{border-radius:8px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 4px #1890ff33}.ant-btn-primary:hover{background:var(--primary-color-hover);border-color:var(--primary-color-hover);box-shadow:0 4px 8px #1890ff4d}.ant-tag{border-radius:6px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.ant-badge-status-text{font-weight:500}.ant-pagination{margin-top:24px;padding:0 24px 24px}.ant-pagination .ant-pagination-item{border-radius:6px}.ant-pagination .ant-pagination-item-active{background:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .ant-input{background:var(--input-bg-dark)!important;border-color:var(--border-color-dark)!important;color:var(--text-color-dark)!important}[data-theme=dark] .ant-input::placeholder{color:var(--placeholder-color-dark)!important}[data-theme=dark] .ant-btn{background:var(--button-bg-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}[data-theme=dark] .ant-btn:hover{background:var(--button-hover-bg-dark);border-color:var(--primary-color)}[data-theme=dark] .ant-select-selector{background:var(--input-bg-dark)!important;border-color:var(--border-color-dark)!important;color:var(--text-color-dark)!important}@media (max-width: 768px){.mail-templates-page{padding:16px}.page-title{font-size:24px}.page-description{font-size:14px}.stat-card .ant-card-body{padding:16px}.stat-content{gap:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:20px}.table-header{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.table-controls,.table-controls .ant-input-search{width:100%}.templates-table .ant-table-thead>tr>th,.templates-table .ant-table-tbody>tr>td{padding:12px 8px}.ant-pagination{padding:16px}}@media (max-width: 576px){.mail-templates-page{padding:12px}.stat-content{flex-direction:column;text-align:center;gap:8px}.table-header{padding:12px}.templates-table .ant-table-tbody tr td:first-child>div{margin-bottom:8px}.templates-table .ant-space{flex-wrap:wrap}}.ant-spin-container{min-height:200px}.ant-empty{padding:40px 20px}@media print{.mail-templates-page{background:#fff;padding:0}.table-header,.stats-section{display:none}.templates-table .ant-table-tbody tr td:last-child{display:none}}@media (prefers-contrast: high){.table-header{border-bottom-width:2px}.templates-table .ant-table-thead>tr>th{border-bottom-width:2px}}.mail-templates-container .stats-section{margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.mail-templates-container .stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}[data-theme=dark] .stat-card{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.mail-templates-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #0000004d}.mail-templates-container .stat-card .ant-card-body{padding:20px}.mail-templates-container .stat-icon{flex-shrink:0;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}[data-theme=dark] .mail-template-editor .ant-form-item-label>label{color:#fff}.mail-templates-container .stat-icon.total{background:linear-gradient(135deg,#1890ff,#096dd9)}.mail-templates-container .stat-icon.html{background:linear-gradient(135deg,#52c41a,#389e0d)}.mail-templates-container .stat-icon.text{background:linear-gradient(135deg,#faad14,#d48806)}.mail-templates-container .stat-icon.active{background:linear-gradient(135deg,#13c2c2,#08979c)}.mail-templates-container .stat-info{flex:1}.mail-templates-container .stat-value{font-size:24px;font-weight:600;color:var(--text-color);margin-bottom:4px;line-height:1}[data-theme=dark] .stat-value{color:var(--text-color-dark)}.mail-templates-container .stat-label{font-size:14px;color:var(--text-color-secondary);margin:0}[data-theme=dark] .stat-label{color:var(--text-color-secondary-dark)}.mail-templates-container .filters-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:24px}[data-theme=dark] .filters-section{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.filters-title{margin-bottom:16px!important;color:var(--text-color);font-size:16px;font-weight:600}[data-theme=dark] .filters-title{color:var(--text-color-dark)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-weight:600;color:var(--text-color);font-size:14px}[data-theme=dark] .filter-label{color:var(--text-color-dark)}.filters-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.mail-templates-container .table-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}[data-theme=dark] .table-section{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.mail-templates-container .table-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px}[data-theme=dark] .table-header{border-color:var(--border-color-dark)}.table-title{margin:0!important;color:var(--text-color);font-size:18px;font-weight:600}[data-theme=dark] .table-title{color:var(--text-color-dark)}.table-actions{display:flex;gap:8px}.mail-templates-container .templates-table{background:transparent}.mail-templates-container .templates-table .ant-table-thead>tr>th{background:var(--table-header-bg, #fafafa);border-bottom:1px solid var(--border-color);color:var(--text-color);font-weight:600;font-size:14px}[data-theme=dark] .templates-table .ant-table-thead>tr>th{background:var(--table-header-bg-dark, #1f1f1f);border-color:var(--border-color-dark);color:var(--text-color-dark)}.mail-templates-container .templates-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:top;padding:12px 16px}[data-theme=dark] .templates-table .ant-table-tbody>tr>td{border-color:var(--border-color-dark);color:var(--text-color-dark)}.mail-templates-container .templates-table .ant-table-tbody>tr:hover>td{background:var(--table-row-hover-bg, #f5f5f5)}[data-theme=dark] .templates-table .ant-table-tbody>tr:hover>td{background:var(--table-row-hover-bg-dark, #2a2a2a)}.template-name{font-weight:600;color:var(--primary-color);margin-bottom:4px}.template-subject{font-size:12px;color:var(--text-color-secondary);margin:0}[data-theme=dark] .template-subject{color:var(--text-color-secondary-dark)}.template-type-tag{font-size:12px;font-weight:600;border-radius:4px;padding:2px 8px}.mail-templates-container .action-buttons{display:flex;gap:6px;flex-wrap:wrap}.mail-templates-container .action-button{padding:4px 8px!important;height:auto!important;border-radius:4px!important;font-size:12px!important}.template-modal{top:20px}.template-modal .ant-modal-header{background:var(--card-bg);border-bottom:1px solid var(--border-color)}[data-theme=dark] .template-modal .ant-modal-header{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.template-modal .ant-modal-body{background:var(--card-bg);padding:0}[data-theme=dark] .template-modal .ant-modal-body{background:var(--card-bg-dark)}.template-modal .ant-modal-footer{background:var(--card-bg);border-top:1px solid var(--border-color)}[data-theme=dark] .template-modal .ant-modal-footer{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px;background:var(--card-bg);border-radius:8px}[data-theme=dark] .loading-container{background:var(--card-bg-dark)}.mail-templates-container .empty-state{text-align:center;padding:40px 20px;color:var(--text-color-secondary)}[data-theme=dark] .empty-state{color:var(--text-color-secondary-dark)}.mail-templates-container .empty-state .anticon{font-size:48px;color:var(--text-color-tertiary);margin-bottom:16px}[data-theme=dark] .empty-state .anticon{color:var(--text-color-tertiary-dark)}[data-theme=dark] .filters-section .ant-input,[data-theme=dark] .filters-section .ant-select-selector{background:var(--input-bg-dark)!important;border-color:var(--border-color-dark)!important;color:var(--text-color-dark)!important}[data-theme=dark] .filters-section .ant-input::placeholder{color:var(--placeholder-color-dark)!important}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}}@media (max-width: 768px){.mail-templates-page{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-title{font-size:24px}.page-description{font-size:14px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card .ant-card-body,.filters-section{padding:16px}.filters-grid{grid-template-columns:1fr;gap:12px}.filters-actions{flex-direction:column;gap:8px}.table-header{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.table-actions{justify-content:stretch}.table-actions .ant-btn{flex:1}.action-buttons{gap:4px}.action-button{padding:2px 6px!important;font-size:11px!important}}@media (max-width: 576px){.mail-templates-page{padding:12px}.page-title{font-size:20px}.stat-content{flex-direction:column;text-align:center;gap:8px}.template-modal{top:10px}.template-modal .ant-modal-body{max-height:calc(100vh - 120px);overflow-y:auto}}@media print{.mail-templates-page{background:#fff;padding:0}.page-actions,.filters-section,.table-actions,.action-buttons{display:none}.templates-table{font-size:12px}.templates-table .ant-table-tbody>tr>td{padding:8px}}@media (prefers-contrast: high){.table-header{border-bottom-width:2px}.templates-table .ant-table-thead>tr>th{border-bottom-width:2px}.templates-table .ant-table-tbody>tr>td{border-bottom-width:1px}}@media (prefers-reduced-motion: reduce){.mail-templates-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #64748b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--bg-darker: #020617;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--border-color: #e2e8f0;--border-dark: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-dark: #020617;--bg-darker: #000000;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-white: #ffffff;--border-color: #334155;--border-dark: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5)}.modern-header{position:sticky;top:0;z-index:1000;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);height:64px}.modern-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.header-container{max-width:1800px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;box-sizing:border-box}.header-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-basis:auto;flex:0 0 auto}.brand-logo{display:flex;align-items:center;gap:.75rem}.brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.header-nav{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;width:auto;flex:1 1 auto}.nav-controls{display:flex;align-items:center;gap:.5rem}.nav-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px}.nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);opacity:0;transition:opacity .2s ease;border-radius:inherit}.nav-btn:hover:before{opacity:1}.nav-btn:hover{background:#fff3;border-color:#ffffff4d;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.nav-btn:active{transform:translateY(0);box-shadow:0 2px 10px #0000000d}.btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.btn-icon svg{width:18px;height:18px;transition:all .2s ease}.btn-label{font-size:.875rem;font-weight:500;white-space:nowrap;position:relative;z-index:1}.dropdown-arrow{width:14px;height:14px;transition:transform .2s ease;margin-left:auto}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 20px 40px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.dropdown-item:hover{background:#0000000d;color:var(--text-primary)}.dropdown-item.active{background:#2563eb1a;color:var(--primary-color);font-weight:600}.dropdown-item svg{width:16px;height:16px;flex-shrink:0}.dropdown-divider{height:1px;background:#0000001a;margin:.25rem 0}.notifications-menu{min-width:320px}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.dropdown-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.notification-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#00000005}.notification-item.unread{background:#2563eb05}.notification-content{flex:1;min-width:0}.notification-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.notification-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.25rem}.notification-time{font-size:.75rem;color:var(--text-muted);font-weight:500}.unread-indicator{width:6px;height:6px;background:var(--primary-color);border-radius:50%;flex-shrink:0;margin-top:6px}.user-menu-content{min-width:240px}.user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.user-avatar-large{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{color:var(--error-color)!important}.logout-btn:hover{background:#ef44441a!important}.notification-badge{position:absolute;top:-9px;right:-6px;width:18px;height:18px;background:var(--error-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;border:2px solid rgba(255,255,255,.9);z-index:2}.lang-flag{font-size:1.25rem;line-height:1}[data-theme=dark] .modern-header{background:#0f172ad9;border-bottom-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .modern-header:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}[data-theme=dark] .nav-menu{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary)}[data-theme=dark] .nav-btn{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 25px #0000004d}[data-theme=dark] .theme-toggle{background:#0f172af2;border-color:#ffffff1a;box-shadow:0 20px 40px #0006}[data-theme=dark] .user-menu{background:#ffffff0d}[data-theme=dark] .user-avatar{background:#ffffff1a}[data-theme=dark] .dropdown-menu{background:#1f2937f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}[data-theme=dark] .dropdown-item{color:var(--text-secondary)}[data-theme=dark] .dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .dropdown-item.active{background:#2563eb33;color:var(--primary-color)}[data-theme=dark] .dropdown-divider{background:#ffffff1a}[data-theme=dark] .dropdown-header,[data-theme=dark] .user-info{border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .notification-item{border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=dark] .notification-item:hover{background:#ffffff0d}[data-theme=dark] .notification-item.unread{background:#2563eb1a}[data-theme=dark] .logout-btn:hover{background:#ef444426!important}[data-theme=dark] .notification-badge{border-bottom-color:#ffffff1a}.nav-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.dropdown-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.notification-badge{animation:pulse 2s infinite}.theme-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-btn:hover svg{transform:rotate(180deg) scale(1.1)}.dropdown-menu{animation:slideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-btn:active .btn-icon svg{transform:scale(.95)}.user-avatar{transition:all .2s ease}.nav-btn:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #2563eb4d}.lang-flag{transition:transform .2s ease}@media (prefers-contrast: high){.modern-header{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.nav-btn,.dropdown-menu{background:var(--bg-primary);border:2px solid var(--border-color)}}@media (prefers-reduced-motion: reduce){.nav-btn,.dropdown-menu,.notification-badge,.theme-btn svg,.user-avatar,.lang-flag{animation:none!important;transition:none!important}.nav-btn:hover{transform:none}.dropdown-arrow{transition:none}}.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-dropdown:focus-within .dropdown-arrow{transform:rotate(180deg)}@media (max-width: 768px){.modern-header{height:56px}.header-container{padding:0 1rem}.brand-text{font-size:1.25rem}.nav-controls{gap:.25rem}.nav-btn{padding:.5rem .75rem;min-height:40px}.btn-label{display:none}.dropdown-menu{min-width:180px;right:-1rem}.notifications-menu{min-width:280px}.user-menu-content{min-width:200px}.notification-item,.user-info{padding:.75rem}}@media (max-width: 480px){.header-container{padding:0 .75rem}.nav-controls{gap:.125rem}.nav-btn{padding:.5rem;border-radius:10px}.btn-icon{width:18px;height:18px}.btn-icon svg{width:16px;height:16px}.dropdown-menu{min-width:160px}.notifications-menu{min-width:250px}}.mobile-menu-toggle{display:none;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:8px;transition:var(--transition-fast);align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:var(--bg-tertiary);color:var(--primary-color);box-shadow:0 2px 8px #3b82f626}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle svg{width:24px;height:24px;stroke-width:2}@media (max-width: 1024px){.mobile-menu-toggle{display:flex}}[data-theme=dark] .mobile-menu-toggle{color:var(--text-white)}[data-theme=dark] .mobile-menu-toggle:hover{background:var(--bg-tertiary);color:var(--primary-light)}.language-selector.auth-variant{display:flex;gap:8px;padding:12px 0;justify-content:center}.language-selector.auth-variant .lang-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fffc;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;min-width:60px}.language-selector.auth-variant .lang-button:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px)}.language-selector.auth-variant .lang-button.active{background:#ffffffe6;border-color:#fff;color:#333;font-weight:600}.language-selector.auth-variant .lang-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.language-selector.auth-variant .lang-flag{font-size:16px}.language-selector.auth-variant .lang-flag-img{width:18px;height:12px;object-fit:contain;border-radius:2px}.language-selector.auth-variant .lang-code{font-size:12px;font-weight:600;letter-spacing:.5px}.lang-flag{font-size:1.25rem;line-height:1;transition:transform .2s ease}.nav-btn:hover .lang-flag{transform:scale(1.1)}.flag-image{width:18px;height:12px;object-fit:contain;border-radius:2px}.dropdown-arrow{transition:transform .2s ease;color:currentColor;opacity:.7}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;z-index:1000;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e1e5e9);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;margin-top:4px;overflow:hidden}.dropdown-header{padding:12px 16px 8px;font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e1e5e9)}.language-list{padding:8px 0}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;text-align:left}.language-option:hover{background:var(--bg-hover, #f5f5f5)}.language-option.active{background:var(--primary-bg, #e6f7ff);color:var(--primary-color, #1890ff)}.language-option .lang-flag{flex-shrink:0;font-size:16px;width:20px;display:flex;justify-content:center}.language-option .flag-image{width:18px;height:12px;object-fit:contain;border-radius:2px}.language-option .lang-details{flex:1;display:flex;flex-direction:column;gap:2px}.language-option .lang-name{font-size:14px;font-weight:500;color:var(--text-primary, #333)}.language-option .lang-code{font-size:12px;color:var(--text-secondary, #666);font-weight:400}.language-option.active .lang-name{color:var(--primary-color, #1890ff)}.language-option.active .lang-code{color:var(--primary-color, #1890ff);opacity:.8}.language-option .check-icon{flex-shrink:0;color:var(--primary-color, #1890ff)}[data-theme=dark] .language-dropdown{background:#1f2937f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}[data-theme=dark] .dropdown-header{color:var(--text-secondary);border-bottom-color:#ffffff1a}[data-theme=dark] .language-option{color:var(--text-secondary)}[data-theme=dark] .language-option:hover{background:#ffffff1a}[data-theme=dark] .language-option.active{background:#1890ff33;color:var(--primary-color, #1890ff)}[data-theme=dark] .language-option .lang-name{color:var(--text-primary)}[data-theme=dark] .language-option .lang-code{color:var(--text-secondary)}@media (max-width: 768px){.language-selector.auth-variant{gap:6px}.language-selector.auth-variant .lang-button{padding:6px 12px;min-width:50px;font-size:12px}.language-dropdown{min-width:180px}}:root{--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-shadow: 0 4px 20px rgba(0, 0, 0, .08);--menu-text: #64748b;--menu-text-hover: #334155;--menu-text-active: #ffffff;--menu-bg-hover: #f1f5f9;--menu-bg-active: linear-gradient(135deg, #3b82f6, #2563eb);--menu-icon: #94a3b8;--menu-icon-hover: #3b82f6;--menu-icon-active: #ffffff;--sidebar-header-bg: #f8fafc;--sidebar-footer-bg: #f1f5f9;--sidebar-footer-text: #94a3b8;--sidebar-transition: all .3s cubic-bezier(.4, 0, .2, 1);--menu-transition: all .2s ease-in-out;--sidebar-width: 280px;--sidebar-collapsed-width: 75px;--sidebar-header-height: 65px;--menu-item-height: 48px;--drag-handle-width: 4px;--drag-handle-color: #e2e8f0;--drag-handle-hover-color: #3b82f6}[data-theme=dark]{--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-shadow: 0 4px 20px rgba(0, 0, 0, .4);--menu-text: #cbd5e1;--menu-text-hover: #f1f5f9;--menu-text-active: #ffffff;--menu-bg-hover: #334155;--menu-bg-active: linear-gradient(135deg, #3b82f6, #2563eb);--menu-icon: #64748b;--menu-icon-hover: #3b82f6;--menu-icon-active: #ffffff;--sidebar-header-bg: #0f172a;--sidebar-footer-bg: #0f172a;--sidebar-footer-text: #64748b;--drag-handle-color: #475569;--drag-handle-hover-color: #3b82f6}.sidebar{position:fixed;top:var(--sidebar-header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);transition:var(--sidebar-transition);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:60px;background:var(--sidebar-header-bg);border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:flex-end;padding:0 16px;flex-shrink:0}.sidebar-toggle{width:32px;height:32px;border:none;background:transparent;color:var(--menu-text);cursor:pointer;border-radius:6px;transition:var(--menu-transition)}.sidebar-toggle:hover{background:var(--menu-bg-hover);color:var(--menu-text-hover);transform:scale(1.1)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle svg{width:20px;height:20px;transition:var(--menu-transition);display:block;margin-left:-9px;margin-top:-3px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden;background:#fff}[data-theme=dark] body .sidebar-nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden;background:#1e293b}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--menu-icon)}.sidebar-menu-item{margin:0 12px 4px;opacity:0;animation:slideInLeft .4s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-menu-link{display:flex;align-items:center;height:var(--menu-item-height);padding:0 16px;color:var(--menu-text);text-decoration:none;border-radius:10px;transition:var(--menu-transition);position:relative;overflow:hidden;background:transparent;border:none;width:100%;cursor:pointer;font-size:14px;font-weight:500}.sidebar-menu-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.sidebar-menu-link:hover:before{left:100%}.sidebar-menu-link:hover{background:var(--menu-bg-hover);color:var(--menu-text-hover);transform:translate(4px)}.sidebar-menu-link.active{background:var(--menu-bg-active);color:var(--menu-text-active);box-shadow:0 4px 12px #3b82f64d;transform:translate(4px)}.sidebar-menu-link.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:2px 0 0 2px;z-index:1}.sidebar.collapsed .sidebar-menu-link.active:after{right:4px;width:2px;height:16px}.sidebar-menu-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0;color:var(--menu-icon);transition:var(--menu-transition);display:flex;align-items:center;justify-content:center}.sidebar-menu-link:hover .sidebar-menu-icon{color:var(--menu-icon-hover);transform:scale(1.1)}.sidebar-menu-link.active .sidebar-menu-icon{color:var(--menu-icon-active);transform:scale(1.1)}.sidebar-menu-icon svg{width:100%;height:100%;stroke-width:2}.sidebar-menu-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--menu-transition)}.sidebar.collapsed .sidebar-menu-text{opacity:0;width:0;margin:0}.sidebar.collapsed .sidebar-menu-icon{margin-right:0}.logout-item{border-top:1px solid var(--sidebar-border);padding-top:12px;margin-top:12px}.logout-btn{font-family:inherit}.logout-btn:hover{background:#ef44441a;color:#dc2626}.logout-btn:hover .sidebar-menu-icon{color:#dc2626}.sidebar-footer{background:var(--sidebar-footer-bg);border-top:1px solid var(--sidebar-border);padding:16px;flex-shrink:0}.sidebar-version{font-size:12px;color:var(--sidebar-footer-text);text-align:center;font-weight:500;opacity:.8;transition:var(--menu-transition)}.sidebar.collapsed .sidebar-version{opacity:0;transform:scale(.8)}.sidebar-drag-handle{position:fixed;top:var(--sidebar-header-height);bottom:0;width:var(--drag-handle-width);background:var(--drag-handle-color);cursor:col-resize;z-index:1001;transition:var(--menu-transition);opacity:0}.sidebar-drag-handle:hover,.sidebar-drag-handle:active{background:var(--drag-handle-hover-color);opacity:1;width:6px;transform:translate(-1px)}.sidebar:hover+.sidebar-drag-handle,.sidebar-drag-handle:hover{opacity:.5}.drag-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:30px;background:currentColor;border-radius:1px;opacity:.6}.sidebar-drag-handle:hover .drag-indicator{opacity:1}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:1002;box-shadow:4px 0 20px #00000026;width:var(--sidebar-width)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.mobile-open{transform:translate(0)}.sidebar-drag-handle{display:none}.sidebar-toggle{width:36px;height:36px;background:var(--menu-bg-hover);border-radius:8px}.sidebar-toggle:hover{background:var(--menu-bg-active);color:var(--menu-text-active)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 8px}}@media (max-width: 1024px){.sidebar.mobile-open:before{content:"";position:fixed;inset:0;background:#0006;z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:all .3s ease-in-out}[data-theme=light] .sidebar.mobile-open:before{background:#0000004d}[data-theme=dark] .sidebar.mobile-open:before{background:#0009}}@media (max-width: 768px){.sidebar{max-width:300px}.sidebar.collapsed{max-width:var(--sidebar-collapsed-width)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-menu-link.loading{animation:pulse 1.5s ease-in-out infinite}.sidebar.collapsed .sidebar-menu-link{position:relative}.sidebar.collapsed .sidebar-menu-link:after{content:attr(data-tooltip);position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;pointer-events:none}.sidebar.collapsed .sidebar-menu-link:hover:after{opacity:1;visibility:visible;left:65px}.sidebar-menu-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.sidebar-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-menu-link,.sidebar-menu-icon,.sidebar-toggle,.sidebar-drag-handle{transition:none;animation:none}.sidebar-menu-item{animation:none;opacity:1}}@media (prefers-contrast: high){.sidebar{border-right-width:2px}.sidebar-menu-link{border:1px solid transparent}.sidebar-menu-link:focus,.sidebar-menu-link.active{border-color:currentColor}}@media print{.sidebar,.sidebar-drag-handle{display:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.loading-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.modern-spinner{position:relative;display:inline-block}.spinner-small{width:32px;height:32px}.spinner-medium{width:48px;height:48px}.spinner-large{width:64px;height:64px}.spinner-default .spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:spin-ring 1.5s linear infinite}.spinner-default .spinner-ring:nth-child(1){inset:0;border-top-color:var(--primary-color, #3b82f6);animation-delay:0s}.spinner-default .spinner-ring:nth-child(2){inset:10%;border-right-color:var(--primary-color, #3b82f6);animation-delay:-.3s;opacity:.8}.spinner-default .spinner-ring:nth-child(3){inset:20%;border-bottom-color:var(--primary-color, #3b82f6);animation-delay:-.6s;opacity:.6}.spinner-default .spinner-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary-color, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-dot 1.5s ease-in-out infinite}.spinner-pulse .spinner-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--primary-color, #3b82f6);animation:pulse-ring 2s ease-in-out infinite}.spinner-pulse .spinner-ring:nth-child(1){animation-delay:0s}.spinner-pulse .spinner-ring:nth-child(2){animation-delay:-.4s}.spinner-pulse .spinner-ring:nth-child(3){animation-delay:-.8s}.spinner-pulse .spinner-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:var(--primary-color, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-center 2s ease-in-out infinite}.spinner-gradient .spinner-ring{position:absolute;border-radius:50%;animation:spin-ring 1s linear infinite}.spinner-gradient .spinner-ring:nth-child(1){inset:0;background:conic-gradient(from 0deg,transparent,var(--primary-color, #3b82f6),transparent);mask:radial-gradient(circle,transparent 35%,black 36%,black 64%,transparent 65%);-webkit-mask:radial-gradient(circle,transparent 35%,black 36%,black 64%,transparent 65%)}.spinner-gradient .spinner-ring:nth-child(2){inset:8%;background:conic-gradient(from 180deg,transparent,rgba(59,130,246,.6),transparent);mask:radial-gradient(circle,transparent 35%,black 36%,black 64%,transparent 65%);-webkit-mask:radial-gradient(circle,transparent 35%,black 36%,black 64%,transparent 65%);animation-delay:-.3s;animation-direction:reverse}.spinner-gradient .spinner-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--primary-color, #3b82f6);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-dot 1s ease-in-out infinite}.loading-message{color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;margin:0;text-align:center;animation:fade-in-out 2s ease-in-out infinite}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes pulse-center{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.8);opacity:.7}}@keyframes pulse-dot{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes fade-in-out{0%,to{opacity:.7}50%{opacity:1}}[data-theme=dark] .loading-message{color:#9ca3af}[data-theme=dark] .loading-overlay{background:#000000b3}@media (max-width: 768px){.loading-container{padding:1.5rem 1rem;gap:1rem}.spinner-large{width:48px;height:48px}.spinner-medium{width:40px;height:40px}.loading-message{font-size:.8rem}}.loading-context .btn-spinner,.auth-form .btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-ring .8s linear infinite;margin-right:.5rem}.loading-context .btn-spinner-sm,.auth-form .btn-spinner-sm{width:14px;height:14px;border-width:1.5px}.loading-context .btn-spinner-lg,.auth-form .btn-spinner-lg{width:20px;height:20px;border-width:2.5px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.auth-container,.register-container{width:100%;max-width:490px;background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.auth-container.register-container{max-width:500px}.register-box{width:100%}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo,.register-logo{width:224px;height:auto;margin:0 auto 1.5rem;display:block}.auth-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.auth-form,.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-container .auth-form{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.register-container .auth-form .form-group:nth-child(n+7),.register-container .auth-form .error-message,.register-container .auth-form .success-message,.register-container .auth-form .auth-button{grid-column:1 / -1}@media (max-width: 640px){.register-container .auth-form{grid-template-columns:1fr}.register-container .auth-form .form-group{grid-column:1 / -1!important}}.form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input{padding:.75rem;border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.checkbox-group{flex-direction:row;align-items:flex-start;gap:.75rem}.terms-acceptance{display:flex;flex-direction:column;gap:.5rem;width:100%}.terms-label{display:flex;align-items:flex-start;gap:.75rem;font-weight:400;cursor:pointer;line-height:1.4}.terms-text{flex:1;margin-right:.5rem}.terms-info-btn{background:none;border:none;color:var(--primary-color, #3b82f6);cursor:pointer;padding:.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:20px;height:20px;margin-left:auto}.terms-info-btn:hover{background-color:var(--primary-color, #3b82f6);color:#fff;transform:scale(1.1)}.terms-info-btn svg{width:16px;height:16px}.terms-modal-content{max-width:600px;max-height:70vh;overflow-y:auto;text-align:left}.terms-modal-content h4{margin:0 0 1rem;color:var(--text-color);font-size:1.125rem;font-weight:600}.terms-text-content p{margin:0 0 1rem;color:var(--text-secondary)}.terms-text-content p strong{color:var(--text-color);font-weight:600}.checkbox-group label{display:flex;align-items:flex-start;gap:.5rem;font-weight:400;cursor:pointer;line-height:1.4}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;margin:0;flex-shrink:0;margin-top:.125rem}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.error-message{background:var(--error-bg);color:var(--error-text);padding:.75rem;border-radius:6px;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.success-message{background:var(--success-bg);color:var(--success-text);padding:.75rem;border-radius:6px;font-size:.875rem;border:1px solid rgba(16,185,129,.2)}.auth-button,.register-button{background:var(--btn-primary-bg);color:#fff;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.auth-button:hover,.register-button:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.auth-button:disabled,.register-button:disabled{background:var(--btn-secondary-bg);cursor:not-allowed;transform:none;opacity:.6}.btn-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.auth-links{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}.auth-link{color:var(--primary-color);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;padding:0;margin-left:.25rem}.auth-link:hover{text-decoration:underline}.register-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}.login-link{color:var(--primary-color);text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline}.divider{position:relative;margin:1.5rem 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-primary)}.divider:after{content:attr(data-text);background:var(--bg-primary);padding:0 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.social-buttons{display:flex;flex-direction:row;gap:.75rem;margin-bottom:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.social-button:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.social-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-button.google:hover{border-color:#4285f4;color:#4285f4}.social-button.apple:hover{border-color:#333;color:#333}[data-theme=dark] .social-button.apple:hover{border-color:#fff;color:#fff}.social-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-link-separator{margin:0 .5rem;color:var(--text-tertiary)}@media (max-width: 640px){.auth-page{padding:.5rem}.auth-container,.register-container{padding:1.5rem;margin:.5rem}.register-container{max-width:100%}.auth-title{font-size:1.5rem}.form-group input{padding:.625rem}.auth-button,.register-button{padding:.75rem}.social-buttons{flex-direction:column}.social-button{flex:none}}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#1e293b,#334155)}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--bg-primary, white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color, #e2e8f0);max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}[data-theme=dark] .confirm-modal{background:var(--bg-primary, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-light, #f1f5f9)}[data-theme=dark] .confirm-modal-header{border-bottom-color:var(--border-light, #334155)}.confirm-modal-icon{font-size:48px;margin-bottom:12px;animation:bounce .6s ease-out}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.confirm-modal-icon.danger{color:#ef4444}.confirm-modal-icon.warning{color:#f59e0b}.confirm-modal-icon.info{color:#3b82f6}.confirm-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1a202c)}[data-theme=dark] .confirm-modal-title{color:var(--text-primary, #e2e8f0)}.confirm-modal-content{padding:16px 24px 24px}.confirm-modal-message{margin:0;color:var(--text-secondary, #6b7280);text-align:center;line-height:1.5}[data-theme=dark] .confirm-modal-message{color:var(--text-secondary, #9ca3af)}.confirm-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-modal-actions .btn{min-width:80px;padding:8px 16px;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;border:1px solid;transition:all .2s ease}.confirm-modal-actions .btn-secondary{background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #374151);border-color:var(--border-color, #d1d5db)}.confirm-modal-actions .btn-secondary:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--border-color, #9ca3af)}[data-theme=dark] .confirm-modal-actions .btn-secondary{background:var(--bg-secondary, #374151);color:var(--text-primary, #e2e8f0);border-color:var(--border-color, #4b5563)}[data-theme=dark] .confirm-modal-actions .btn-secondary:hover{background:var(--bg-hover, #4b5563);border-color:var(--border-color, #6b7280)}.confirm-modal-actions .btn-danger{background:#ef4444;color:#fff;border-color:#dc2626}.confirm-modal-actions .btn-danger:hover{background:#dc2626;border-color:#b91c1c}.confirm-modal-actions .btn-warning{background:#f59e0b;color:#fff;border-color:#d97706}.confirm-modal-actions .btn-warning:hover{background:#d97706;border-color:#b45309}.confirm-modal-actions .btn-info{background:#3b82f6;color:#fff;border-color:#2563eb}.confirm-modal-actions .btn-info:hover{background:#2563eb;border-color:#1d4ed8}@media (max-width: 640px){.confirm-modal{margin:16px;width:calc(100% - 32px)}.confirm-modal-header{padding:20px 20px 12px}.confirm-modal-content{padding:12px 20px 20px}.confirm-modal-actions{padding:12px 20px 20px;flex-direction:column-reverse}.confirm-modal-actions .btn{width:100%;justify-content:center}}.terms-modal-content{text-align:left;max-height:60vh;overflow-y:auto;padding-right:8px}.terms-modal-content::-webkit-scrollbar{width:6px}.terms-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f8fafc);border-radius:3px}.terms-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.terms-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #6b7280)}[data-theme=dark] .terms-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary, #374151)}[data-theme=dark] .terms-modal-content::-webkit-scrollbar-thumb{background:var(--border-color, #4b5563)}[data-theme=dark] .terms-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.terms-modal-content h4{margin:0 0 1rem;color:var(--text-primary, #1a202c);font-size:1.125rem;font-weight:600;text-align:center}[data-theme=dark] .terms-modal-content h4{color:var(--text-primary, #e2e8f0)}.terms-text-content{line-height:1.6}.terms-text-content p{margin:0 0 1rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.terms-text-content p strong{color:var(--text-primary, #374151);font-weight:600}[data-theme=dark] .terms-text-content p{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .terms-text-content p strong{color:var(--text-primary, #e2e8f0)}.device-details-sidebar-wrapper{position:relative;z-index:1050;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--sidebar-bg-light: #ffffff;--sidebar-bg-dark: #1f2937;--sidebar-secondary-light: #f8fafc;--sidebar-secondary-dark: #111827;--sidebar-border-light: #e5e7eb;--sidebar-border-dark: #374151;--sidebar-text-light: #1f2937;--sidebar-text-dark: #f9fafb;--sidebar-text-secondary-light: #6b7280;--sidebar-text-secondary-dark: #9ca3af}.device-details-sidebar-wrapper *{box-sizing:border-box}.device-details-sidebar-wrapper .sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.device-details-sidebar-wrapper .sidebar-backdrop.show{opacity:1;visibility:visible}.device-details-sidebar-wrapper .device-details-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.device-details-sidebar-wrapper .device-details-sidebar.open{right:0}.device-details-sidebar-wrapper .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:70px;flex-shrink:0}.device-details-sidebar-wrapper .sidebar-title h2{margin:0 0 4px;font-size:18px;font-weight:600}.device-details-sidebar-wrapper .device-status-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffe6;font-weight:500}.device-details-sidebar-wrapper .status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.device-details-sidebar-wrapper .sidebar-close{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.device-details-sidebar-wrapper .sidebar-close:hover{background:#fff3}.device-details-sidebar-wrapper .sidebar-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;min-height:0}.device-details-sidebar-wrapper .sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px;color:#6b7280}.device-details-sidebar-wrapper .device-photo-section{padding:24px;border-bottom:1px solid #f3f4f6}.device-details-sidebar-wrapper .photo-container{width:100%;height:160px;border-radius:12px;overflow:hidden;background:#f9fafb;border:2px dashed #d1d5db}.device-details-sidebar-wrapper .device-photo{width:100%;height:100%;object-fit:cover}.device-details-sidebar-wrapper .no-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:8px}.device-details-sidebar-wrapper .no-photo p{margin:0;font-size:14px;font-weight:500}.device-details-sidebar-wrapper .sidebar-tabs{display:flex;background:#fff;border-bottom:1px solid #f1f5f9;overflow-x:auto;flex-shrink:0;padding:4px;margin:0 16px;border-radius:12px;background:#f8fafc}.device-details-sidebar-wrapper .tab-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.device-details-sidebar-wrapper .tab-button:hover{background:#3b82f614;color:#3b82f6;transform:translateY(-1px)}.device-details-sidebar-wrapper .tab-button.active{color:#3b82f6;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transform:translateY(-1px)}.device-details-sidebar-wrapper .tab-button svg{flex-shrink:0;width:14px;height:14px}@media (max-width: 480px){.device-details-sidebar-wrapper .tab-button{font-size:10px;padding:10px 6px;gap:4px}.device-details-sidebar-wrapper .tab-button svg{width:12px;height:12px}}.device-details-sidebar-wrapper .tab-content{padding:24px;flex:1;overflow-y:auto}.device-details-sidebar-wrapper .quick-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.device-details-sidebar-wrapper .stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.device-details-sidebar-wrapper .stat-card.large{flex-direction:column;align-items:flex-start;gap:8px}.device-details-sidebar-wrapper .stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#3b82f6;flex-shrink:0}.device-details-sidebar-wrapper .stat-icon.speed{background:#f0fdf4;color:#22c55e}.device-details-sidebar-wrapper .stat-icon.update{background:#fef3c7;color:#f59e0b}.device-details-sidebar-wrapper .status-dot{width:24px;height:24px;border-radius:50%}.device-details-sidebar-wrapper .stat-info{display:flex;flex-direction:column;gap:2px}.device-details-sidebar-wrapper .stat-label{font-size:12px;color:#6b7280;font-weight:500}.device-details-sidebar-wrapper .stat-value{font-size:14px;color:#1f2937;font-weight:600}.device-details-sidebar-wrapper .stat-value.large{font-size:20px;color:#1f2937;font-weight:700}.device-details-sidebar-wrapper .stat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stat-header svg{color:#6b7280}.stat-header span{font-size:12px;color:#6b7280;font-weight:500}.device-details-sidebar-wrapper .info-section{margin-top:24px}.device-details-sidebar-wrapper .info-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.device-details-sidebar-wrapper .info-grid{display:grid;gap:12px}.device-details-sidebar-wrapper .info-item{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.device-details-sidebar-wrapper .info-item.address-item{grid-column:1 / -1;grid-template-columns:1fr;gap:4px}.device-details-sidebar-wrapper .address-value{font-size:11px;line-height:1.4;word-break:break-word;color:#374151;background:#fff;padding:6px 8px;border-radius:4px;border:1px solid #d1d5db;font-weight:400}.device-details-sidebar-wrapper .info-label{font-size:12px;color:#6b7280;font-weight:500}.device-details-sidebar-wrapper .info-value{font-size:12px;color:#1f2937;font-weight:500;text-align:right;word-break:break-word}.device-details-sidebar-wrapper .location-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.location-header h3{margin:0;font-size:16px;font-weight:600;color:#374151}.device-details-sidebar-wrapper .btn-refresh{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#e5e7eb}.device-details-sidebar-wrapper .btn-refresh:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.device-details-sidebar-wrapper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280;gap:12px}.error-state svg,.empty-state svg{color:#9ca3af}.device-details-sidebar-wrapper .btn-retry{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.device-details-sidebar-wrapper .btn-retry:hover{background:#2563eb}.location-history{display:flex;flex-direction:column;gap:12px}.device-details-sidebar-wrapper .location-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.location-icon{width:24px;height:24px;border-radius:50%;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-details-sidebar-wrapper .location-details{flex:1;display:flex;flex-direction:column;gap:4px}.device-details-sidebar-wrapper .location-coords{font-size:13px;font-weight:500;color:#374151;font-family:monospace}.device-details-sidebar-wrapper .location-address{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-top:2px}.device-details-sidebar-wrapper .location-address svg{width:14px;height:14px;flex-shrink:0}.location-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:4px}.location-speed,.location-angle,.device-details-sidebar-wrapper .location-time{font-size:10px;color:#6b7280;font-weight:500;flex:1;text-align:center}.device-details-sidebar-wrapper .location-speed{background:#f0fdf4;color:#22c55e;padding:2px 4px;border-radius:3px}.device-details-sidebar-wrapper .location-angle{background:#fef3c7;color:#f59e0b;padding:2px 4px;border-radius:3px}.device-details-sidebar-wrapper .stats-grid{display:grid;gap:16px}.device-details-sidebar-wrapper .sidebar-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;gap:12px}.device-details-sidebar-wrapper .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.device-details-sidebar-wrapper .btn-primary{background:#3b82f6;color:#fff}.device-details-sidebar-wrapper .btn-primary:hover{background:#2563eb}.device-details-sidebar-wrapper .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.device-details-sidebar-wrapper .btn-secondary:hover{background:#e5e7eb}[data-theme=dark] .device-details-sidebar-wrapper .device-details-sidebar{background:#1f2937;color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-header{border-bottom-color:#374151;background:linear-gradient(135deg,#1f1f28,#140828)}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-tabs{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .device-details-sidebar-wrapper .tab-button{color:#94a3b8}[data-theme=dark] .device-details-sidebar-wrapper .tab-button:hover{background:#3b82f626;color:#60a5fa}[data-theme=dark] .device-details-sidebar-wrapper .tab-button.active{background:#334155;color:#60a5fa;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}[data-theme=dark] .device-details-sidebar-wrapper .stat-card,[data-theme=dark] .device-details-sidebar-wrapper .info-item{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .address-value{color:#f3f4f6;background:#1f2937;border-color:#4b5563}[data-theme=dark] .device-details-sidebar-wrapper .stat-value,[data-theme=dark] .device-details-sidebar-wrapper .info-value{color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .location-item{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .location-coords{color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .location-address{color:#9ca3af}[data-theme=dark] .device-details-sidebar-wrapper .location-angle{background:#451a03;color:#fbbf24}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-footer{background:#111827;border-top-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .device-photo-section{border-bottom-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .photo-container{background:#111827;border-color:#4b5563}[data-theme=dark] .device-details-sidebar-wrapper .no-photo{color:#6b7280}[data-theme=dark] .device-details-sidebar-wrapper .tab-content{background:#1f2937}[data-theme=dark] .device-details-sidebar-wrapper .info-section h3,[data-theme=dark] .device-details-sidebar-wrapper .location-header h3,[data-theme=dark] .device-details-sidebar-wrapper .sidebar-title h2{color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .info-label,[data-theme=dark] .device-details-sidebar-wrapper .stat-header span,[data-theme=dark] .device-details-sidebar-wrapper .location-time{color:#9ca3af}[data-theme=dark] .device-details-sidebar-wrapper .location-actions{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .btn-refresh{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .device-details-sidebar-wrapper .btn-refresh:hover:not(:disabled){background:#4b5563;color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .btn-refresh:disabled{background:#1f2937;color:#6b7280;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .location-details,[data-theme=dark] .device-details-sidebar-wrapper .location-info{color:#e5e7eb}[data-theme=dark] .device-details-sidebar-wrapper .location-speed{color:#60a5fa}[data-theme=dark] .device-details-sidebar-wrapper .error-message{background:#7f1d1d;color:#fecaca;border-color:#991b1b}[data-theme=dark] .device-details-sidebar-wrapper .btn-retry{background:#dc2626;color:#fff}[data-theme=dark] .device-details-sidebar-wrapper .btn-retry:hover{background:#b91c1c}[data-theme=dark] .device-details-sidebar-wrapper .empty-state{color:#9ca3af}[data-theme=dark] .device-details-sidebar-wrapper .stats-grid .stat-card{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .stat-header{color:#9ca3af}[data-theme=dark] .device-details-sidebar-wrapper .device-actions{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .action-button{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .device-details-sidebar-wrapper .action-button:hover{background:#4b5563;color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .user-list{background:#111827;border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .user-item{border-color:#374151}[data-theme=dark] .device-details-sidebar-wrapper .user-name{color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .user-role{color:#9ca3af}[data-theme=dark] .device-details-sidebar-wrapper .user-badge{background:#374151;color:#d1d5db}[data-theme=dark] .device-details-sidebar-wrapper .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .device-details-sidebar-wrapper .btn-secondary:hover{background:#4b5563;color:#f9fafb}[data-theme=dark] .device-details-sidebar-wrapper .status-indicator.online{background:#10b981}[data-theme=dark] .device-details-sidebar-wrapper .status-indicator.offline{background:#6b7280}[data-theme=dark] .device-details-sidebar-wrapper .status-indicator.moving{background:#3b82f6}[data-theme=dark] .device-details-sidebar-wrapper .status-indicator.idle{background:#f59e0b}[data-theme=dark] .device-details-sidebar-wrapper .status-indicator.stopped{background:#ef4444}@media (max-width: 768px){.device-details-sidebar{width:100%;right:-100%}}.device-details-sidebar-wrapper .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.sidebar-title h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.device-details-sidebar-wrapper .device-status-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.device-details-sidebar-wrapper .status-indicator{width:8px;height:8px;border-radius:50%}.device-details-sidebar-wrapper .sidebar-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:.375rem;transition:all .2s ease}.device-details-sidebar-wrapper .sidebar-close:hover{background:#f1f5f9;color:#1f2937}.device-details-sidebar-wrapper .sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.device-details-sidebar-wrapper .sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:1rem}.device-image-section{margin-bottom:2rem;text-align:center}.device-image{width:120px;height:120px;object-fit:cover;border-radius:.75rem;border:2px solid #e5e7eb}.device-details-sidebar-wrapper .device-photo-section{margin-bottom:2rem;text-align:center}.device-details-sidebar-wrapper .photo-container{position:relative;width:200px;height:150px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;background:#f8fafc;border:2px dashed #e5e7eb;display:flex;align-items:center;justify-content:center}.device-details-sidebar-wrapper .device-photo{width:100%;height:100%;object-fit:cover;border-radius:10px}.device-details-sidebar-wrapper .no-photo{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.no-photo svg{opacity:.5}.no-photo p{margin:0;font-size:.875rem}.photo-actions{display:flex;gap:.5rem;justify-content:center}.device-details-sidebar-wrapper .btn-photo{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.device-details-sidebar-wrapper .btn-photo:hover{background:#f1f5f9;border-color:#3b82f6}.device-details-sidebar-wrapper .btn-photo.btn-danger{color:#ef4444;border-color:#ef4444}.btn-photo.btn-danger:hover{background:#ef44441a}.device-details-sidebar-wrapper .quick-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.stat-item{display:flex;align-items:center;gap:1rem}.device-details-sidebar-wrapper .stat-icon{width:40px;height:40px;border-radius:10px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-details-sidebar-wrapper .stat-icon.status{background:#fff;border:1px solid #e5e7eb}.device-details-sidebar-wrapper .status-dot{width:12px;height:12px;border-radius:50%;border:2px solid white}.device-details-sidebar-wrapper .stat-info{flex:1;min-width:0}.device-details-sidebar-wrapper .stat-value{display:block;font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.9rem}.device-details-sidebar-wrapper .stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.device-details-sidebar-wrapper .info-section{margin-bottom:2rem}.info-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.device-details-sidebar-wrapper .info-grid{display:grid;grid-template-columns:1fr;gap:1rem}.device-details-sidebar-wrapper .info-item{display:flex;flex-direction:column;gap:.25rem}.device-details-sidebar-wrapper .info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.95rem;color:#1f2937;word-break:break-all}.info-item span.mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f8fafc;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.device-details-sidebar-wrapper .connection-status.connected{color:#10b981;font-weight:500}.device-details-sidebar-wrapper .connection-status.disconnected,.text-danger{color:#ef4444;font-weight:500}.users-list{display:flex;flex-direction:column;gap:.75rem}.device-details-sidebar-wrapper .user-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e5e7eb}.user-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;text-transform:uppercase}.device-details-sidebar-wrapper .user-info{display:flex;flex-direction:column;gap:.125rem}.device-details-sidebar-wrapper .user-name{font-weight:500;color:#1f2937}.user-username{font-size:.875rem;color:#6b7280}.notes-content{background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.95rem;line-height:1.5;color:#1f2937;white-space:pre-wrap}.device-details-sidebar-wrapper .sidebar-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;gap:.75rem}.sidebar-footer .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.sidebar-footer .btn-primary{background:#3b82f6;color:#fff}.sidebar-footer .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.sidebar-footer .btn-secondary{background:#fff;color:#6b7280;border-color:#e5e7eb}.sidebar-footer .btn-secondary:hover{background:#f1f5f9;color:#1f2937}@media (max-width: 768px){.device-details-sidebar{width:100%;max-width:none}.sidebar-header,.sidebar-content,.device-details-sidebar-wrapper .sidebar-footer{padding:1rem}.sidebar-footer .btn{padding:.875rem 1rem}}[data-theme=dark] .device-details-sidebar-wrapper .device-details-sidebar{border-left-color:#374151;box-shadow:-4px 0 20px #0000004d}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-backdrop{background-color:#000000b3}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar{width:6px}.device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-track{background:#f1f5f9}.device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-track{background:#1f2937}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}[data-theme=dark] .device-details-sidebar-wrapper .sidebar-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.device-details-sidebar-wrapper .status-indicator.online{background:#10b981}.device-details-sidebar-wrapper .status-indicator.offline{background:#6b7280}.device-details-sidebar-wrapper .status-indicator.moving{background:#3b82f6}.device-details-sidebar-wrapper .status-indicator.idle{background:#f59e0b}.device-details-sidebar-wrapper .status-indicator.stopped{background:#ef4444}.devices-page{padding:24px;min-height:100vh;background:var(--bg-primary, #f8fafc)}[data-theme=dark] .devices-page{background:var(--bg-primary, #0f172a);color:var(--text-primary, #f1f5f9)}.devices-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .devices-page .page-header{border-bottom-color:var(--border-color, #334155)}.devices-page .header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1a202c);margin:0 0 8px}[data-theme=dark] .devices-page .header-content h1{color:var(--text-primary, #f1f5f9)}.devices-page .header-content .subtitle{color:var(--text-secondary, #64748b);font-size:1rem;margin:0}.devices-page .header-actions{display:flex;gap:12px;align-items:center}.devices-page .device-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.devices-page .stat-card{background:var(--bg-secondary, white);padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e2e8f0);text-align:center;transition:transform .2s,box-shadow .2s}[data-theme=dark] .devices-page .stat-card{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 1px 3px #0000004d}.devices-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .devices-page .stat-card:hover{box-shadow:0 4px 12px #0006}.devices-page .stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary, #2d3748);margin-bottom:8px}[data-theme=dark] .devices-page .stat-number{color:var(--text-primary, #f1f5f9)}.devices-page .stat-label{color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.devices-page .stat-card.online .stat-number{color:#10b981}.devices-page .stat-card.offline .stat-number{color:#ef4444}.devices-page .stat-card.moving .stat-number{color:#3b82f6}.devices-page .filters-section{background:var(--bg-secondary, white);padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e2e8f0);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}[data-theme=dark] .devices-page .filters-section{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 1px 3px #0000004d}.devices-page .search-box{flex:1;min-width:300px}.devices-page .search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:1rem;background:var(--bg-input, white);color:var(--text-primary, #374151);transition:border-color .2s,box-shadow .2s}[data-theme=dark] .devices-page .search-input{background:var(--bg-input, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}.devices-page .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.devices-page .filter-controls{display:flex;gap:12px;align-items:center}.devices-page .filter-select{padding:8px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--bg-input, white);color:var(--text-primary, #374151);font-size:.875rem;cursor:pointer}[data-theme=dark] .devices-page .filter-select{background:var(--bg-input, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}.devices-page .device-table-container{background:var(--bg-secondary, white);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color, #e2e8f0);overflow:hidden}[data-theme=dark] .devices-page .device-table-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155);box-shadow:0 1px 3px #0000004d}.devices-page .table-wrapper{overflow-x:auto;overflow-y:visible;position:relative}.devices-page .device-table{width:100%;border-collapse:collapse}.devices-page .device-table th{background:var(--bg-tertiary, #f8fafc);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-primary, #374151);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s}[data-theme=dark] .devices-page .device-table th{background:var(--bg-tertiary, #0f172a);color:var(--text-primary, #e2e8f0);border-bottom-color:var(--border-color, #334155)}.devices-page .device-table th:hover{background:var(--bg-hover, #f1f5f9)}[data-theme=dark] .devices-page .device-table th:hover{background:var(--bg-hover, #1e293b)}.devices-page .device-table th.sortable:after{content:"↕️";position:absolute;right:8px;top:50%;transform:translateY(-50%);opacity:.5;font-size:.75rem}.devices-page .device-table th.sortable.sort-asc:after{content:"↑";opacity:1;color:#3b82f6}.devices-page .device-table th.sortable.sort-desc:after{content:"↓";opacity:1;color:#3b82f6}.devices-page .device-table td{padding:8px 12px;border-bottom:1px solid var(--border-light, #f1f5f9);vertical-align:middle;color:var(--text-primary, #374151);font-size:.875rem}[data-theme=dark] .devices-page .device-table td{border-bottom-color:var(--border-light, #2d3748);color:var(--text-primary, #e2e8f0)}.devices-page .device-table tr:hover{background:var(--bg-hover, #f8fafc)}[data-theme=dark] .devices-page .device-table tr:hover{background:var(--bg-hover, #1e293b)}.devices-page .device-table tr.selected{background:var(--bg-selected, #eff6ff)}[data-theme=dark] .devices-page .device-table tr.selected{background:var(--bg-selected, #1e3a8a)}.devices-page .checkbox-col{width:40px;text-align:center}.devices-page .checkbox-col input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--primary-color, #3b82f6);opacity:1!important;visibility:visible!important;display:inline-block!important}.devices-page .id-col{width:60px;text-align:center}.devices-page .device-id{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-secondary, #6b7280);background:var(--bg-code, #f3f4f6);padding:2px 6px;border-radius:4px;display:inline-block}[data-theme=dark] .devices-page .device-id{color:var(--text-secondary, #9ca3af);background:var(--bg-code, #374151)}.devices-page .actions-col{width:140px}.devices-page .device-name .name{font-weight:600;color:var(--text-primary, #1a202c);font-size:.875rem}.devices-page .device-name .model{font-size:.75rem;color:var(--text-secondary, #6b7280);font-weight:400}[data-theme=dark] .devices-page .device-info .name{color:var(--text-primary, #f1f5f9)}.devices-page .device-info .model{font-size:.875rem;color:var(--text-secondary, #64748b)}.device-table .status-badge{font-size:.8rem;padding:4px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.device-actions-dropdown{position:relative;display:inline-block}.actions-trigger{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.actions-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.actions-dropdown-menu{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:180px;z-index:9999;padding:4px 0;animation:dropdownSlideIn .2s ease}[data-theme=dark] .actions-dropdown-menu{box-shadow:0 10px 25px #0000004d}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:10px 16px;border:none;background:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.danger{color:var(--danger-color)}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.device-table .actions-col{width:60px;text-align:center}.devices-page .status-online{background:#d1fae5;color:#065f46}.devices-page .status-offline{background:#fee2e2;color:#991b1b}.devices-page .status-moving{background:#dbeafe;color:#1e40af}.devices-page .status-idle{background:#fef3c7;color:#92400e}.devices-page .status-stopped{background:#f3e8ff;color:#6b21a8}.devices-page .status-expired{background:#fecaca;color:#7f1d1d}[data-theme=dark] .devices-page .status-online{background:#064e3b;color:#6ee7b7}[data-theme=dark] .devices-page .status-offline{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .devices-page .status-moving{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .devices-page .status-idle{background:#78350f;color:#fcd34d}[data-theme=dark] .devices-page .status-stopped{background:#581c87;color:#c4b5fd}[data-theme=dark] .devices-page .status-expired{background:#7f1d1d;color:#f87171}.devices-page .assigned-users{max-width:200px}.devices-page .user-list{display:flex;flex-wrap:wrap;gap:4px}.devices-page .user-badge{display:inline-block;padding:2px 8px;background:#e0e7ff;color:#3730a3;border-radius:12px;font-size:.75rem;font-weight:500}[data-theme=dark] .devices-page .user-badge{background:#312e81;color:#c7d2fe}.devices-page .more-users{color:var(--text-secondary, #9ca3af);font-size:.75rem;font-style:italic}.devices-page .no-users{color:var(--text-secondary, #9ca3af);font-size:.875rem;font-style:italic}.devices-page .action-buttons{display:flex;gap:8px}.devices-page .btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s}.devices-page .btn-edit{background:#f0f9ff;color:#0369a1}.devices-page .btn-edit:hover{background:#e0f2fe}.devices-page .btn-assign{background:#f0fdf4;color:#166534}.devices-page .btn-assign:hover{background:#dcfce7}.devices-page .btn-track{background:#fef7ed;color:#9a3412}.devices-page .btn-track:hover{background:#fed7aa}.devices-page .btn-delete{background:#fef2f2;color:#dc2626}.devices-page .btn-delete:hover{background:#fecaca}[data-theme=dark] .devices-page .btn-edit{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .devices-page .btn-edit:hover{background:#075985}[data-theme=dark] .devices-page .btn-assign{background:#14532d;color:#86efac}[data-theme=dark] .devices-page .btn-assign:hover{background:#166534}[data-theme=dark] .devices-page .btn-track{background:#9a3412;color:#fed7aa}[data-theme=dark] .devices-page .btn-track:hover{background:#c2410c}[data-theme=dark] .devices-page .btn-delete{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .devices-page .btn-delete:hover{background:#991b1b}.devices-page .no-devices{text-align:center;padding:80px 24px;color:var(--text-secondary, #64748b)}.devices-page .no-devices-icon{font-size:4rem;margin-bottom:16px}.devices-page .table-loading{text-align:center;padding:80px 24px;color:var(--text-secondary, #64748b)}.devices-page .loading-spinner{width:40px;height:40px;border:4px solid var(--border-light, #f3f4f6);border-top:4px solid #3b82f6;border-radius:50%;animation:devices-spin 1s linear infinite;margin:0 auto 16px}[data-theme=dark] .devices-page .loading-spinner{border-color:var(--border-light, #374151);border-top-color:#3b82f6}@keyframes devices-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devices-page .pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:24px}.devices-page .page-info{color:var(--text-secondary, #64748b);font-size:.875rem}.devices-page .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:8px;margin-bottom:24px}[data-theme=dark] .devices-page .error-message{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.devices-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.devices-page .modal{background:var(--bg-secondary, white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .devices-page .modal{background:var(--bg-secondary, #1e293b);box-shadow:0 20px 25px -5px #0006}.devices-page .device-form-modal{width:800px}.devices-page .user-assignment-modal{width:600px}.devices-page .modal-header{padding:24px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .devices-page .modal-header{border-bottom-color:var(--border-color, #334155)}.devices-page .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a202c)}[data-theme=dark] .devices-page .modal-header h2{color:var(--text-primary, #f1f5f9)}.devices-page .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #64748b);padding:4px;border-radius:4px}.devices-page .modal-close:hover{background:var(--bg-hover, #f1f5f9)}[data-theme=dark] .devices-page .modal-close:hover{background:var(--bg-hover, #334155)}.devices-page .modal-body{flex:1;overflow-y:auto;padding:24px}.devices-page .modal-footer{padding:24px;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;gap:12px}[data-theme=dark] .devices-page .modal-footer{border-top-color:var(--border-color, #334155)}.devices-page .form-tabs{display:flex;border-bottom:1px solid var(--border-color, #e2e8f0);margin-bottom:24px}[data-theme=dark] .devices-page .form-tabs{border-bottom-color:var(--border-color, #334155)}.devices-page .form-tabs .tab{background:none;border:none;padding:12px 16px;cursor:pointer;color:var(--text-secondary, #64748b);font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.devices-page .form-tabs .tab:hover{color:var(--text-primary, #374151)}[data-theme=dark] .devices-page .form-tabs .tab:hover{color:var(--text-primary, #e2e8f0)}.devices-page .form-tabs .tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.devices-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;gap:8px}.devices-page .btn:disabled{opacity:.5;cursor:not-allowed}.devices-page .btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.devices-page .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.devices-page .btn-secondary{background:var(--bg-secondary, white);color:var(--text-primary, #374151);border-color:var(--border-color, #d1d5db)}[data-theme=dark] .devices-page .btn-secondary{background:var(--bg-secondary, #374151);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}.devices-page .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f9fafb);border-color:var(--border-hover, #9ca3af)}[data-theme=dark] .devices-page .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #4b5563);border-color:var(--border-hover, #6b7280)}.devices-page .btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.devices-page .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.devices-page .btn-sm{padding:6px 12px;font-size:.75rem}.devices-page .device-form{max-width:none}.devices-page .tab-content{animation:devices-fadeIn .3s ease-in-out}@keyframes devices-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.devices-page .form-group{margin-bottom:20px}.devices-page .form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-primary, #374151);font-size:.875rem}[data-theme=dark] .devices-page .form-group label{color:var(--text-primary, #e2e8f0)}.devices-page .form-group input,.devices-page .form-group select,.devices-page .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:var(--bg-input, white);color:var(--text-primary, #374151);transition:border-color .2s,box-shadow .2s}[data-theme=dark] .devices-page .form-group input,[data-theme=dark] .devices-page .form-group select,[data-theme=dark] .devices-page .form-group textarea{background:var(--bg-input, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}.devices-page .form-group input:focus,.devices-page .form-group select:focus,.devices-page .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.devices-page .form-group input.error,.devices-page .form-group select.error,.devices-page .form-group textarea.error{border-color:#ef4444}.devices-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.devices-page .error-text{color:#ef4444;font-size:.75rem;margin-top:4px;display:block}.devices-page .device-info{background:var(--bg-tertiary, #f8fafc);padding:16px;border-radius:8px;margin-bottom:24px}[data-theme=dark] .devices-page .device-info{background:var(--bg-tertiary, #0f172a)}.devices-page .device-info h3{margin:0 0 8px;color:var(--text-primary, #1a202c)}[data-theme=dark] .devices-page .device-info h3{color:var(--text-primary, #f1f5f9)}.devices-page .device-details{margin:0;color:var(--text-secondary, #64748b);font-size:.875rem}.devices-page .user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding:8px}.devices-page .user-card{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;background:var(--bg-secondary, white)}[data-theme=dark] .devices-page .user-card{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155)}.devices-page .user-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .devices-page .user-card:hover{box-shadow:0 2px 8px #0000004d}.devices-page .user-card.selected{border-color:#3b82f6;background:var(--bg-selected, #eff6ff)}[data-theme=dark] .devices-page .user-card.selected{background:var(--bg-selected, #1e3a8a)}@media (max-width: 768px){.devices-page{padding:16px}.devices-page .page-header{flex-direction:column;gap:16px;align-items:stretch}.devices-page .header-actions{justify-content:center}.devices-page .device-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.devices-page .filters-section{flex-direction:column;gap:16px}.devices-page .filter-controls{justify-content:center;flex-wrap:wrap}.devices-page .search-box{min-width:auto}.devices-page .form-row,.devices-page .user-grid{grid-template-columns:1fr}.devices-page .modal{margin:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.devices-page .device-form-modal,.devices-page .user-assignment-modal{width:100%}}.devices-page .user-avatar{width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}[data-theme=dark] .devices-page .user-avatar{background:#1e40af}.devices-page .user-details{flex:1}.devices-page .user-name{font-weight:600;color:var(--text-primary, #1a202c);margin-bottom:4px}[data-theme=dark] .devices-page .user-name{color:var(--text-primary, #f1f5f9)}.devices-page .user-email{color:var(--text-secondary, #64748b);font-size:.875rem;margin-bottom:2px}.devices-page .user-username{color:var(--text-tertiary, #9ca3af);font-size:.75rem}.devices-page .selected-users-preview{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .devices-page .selected-users-preview{border-top-color:var(--border-color, #334155)}.devices-page .selected-users-preview h4{margin:0 0 16px;color:var(--text-primary, #374151);font-size:1rem}[data-theme=dark] .devices-page .selected-users-preview h4{color:var(--text-primary, #e2e8f0)}.devices-page .selected-users-list{display:flex;flex-wrap:wrap;gap:8px}.devices-page .selected-user-badge{display:flex;align-items:center;gap:8px;background:#e0e7ff;color:#3730a3;padding:6px 12px;border-radius:16px;font-size:.875rem;font-weight:500}[data-theme=dark] .devices-page .selected-user-badge{background:#312e81;color:#c7d2fe}.devices-page .remove-user{background:none;border:none;color:#6b21a8;cursor:pointer;padding:0;font-size:.875rem;font-weight:700}[data-theme=dark] .devices-page .remove-user{color:#c4b5fd}.devices-page .user-card-content{display:flex;align-items:flex-start;gap:12px}.devices-page .user-checkbox{margin-top:4px}.devices-page .user-info{display:flex;gap:12px;flex:1}.devices-page .assignment-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.devices-page .search-section{flex:1}.devices-page .bulk-actions{display:flex;gap:8px}.devices-page .assignment-summary{background:var(--bg-info, #f0f9ff);padding:12px 16px;border-radius:6px;margin-bottom:24px;text-align:center}[data-theme=dark] .devices-page .assignment-summary{background:var(--bg-info, #1e3a8a)}.devices-page .selected-count{color:#1e40af;font-weight:500;font-size:.875rem}[data-theme=dark] .devices-page .selected-count{color:#93c5fd}.devices-page .form-section{margin-bottom:32px}.devices-page .form-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-primary, #374151)}[data-theme=dark] .devices-page .form-section h4{color:var(--text-primary, #e2e8f0)}.devices-page .arrow-colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.devices-page .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:var(--text-primary, #374151)}[data-theme=dark] .devices-page .checkbox-label{color:var(--text-primary, #e2e8f0)}.devices-page .checkbox-label input[type=checkbox]{width:auto}.devices-page .icon-col{width:60px;text-align:center}.devices-page .device-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 auto}.devices-page .device-icon-img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid var(--border-color, #e2e8f0)}.devices-page .device-icon-default{font-size:20px;opacity:.6}.devices-page .live-timer{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-secondary, #6b7280);background:var(--bg-code, #f3f4f6);padding:2px 6px;border-radius:4px;display:inline-block;min-width:80px;text-align:center}.devices-page .live-timer.never-connected{color:var(--text-warning, #d97706);background:var(--bg-warning-light, #fef3c7);font-style:italic}[data-theme=dark] .devices-page .live-timer{color:var(--text-secondary, #9ca3af);background:var(--bg-code, #374151)}[data-theme=dark] .devices-page .live-timer.never-connected{color:var(--text-warning, #fbbf24);background:var(--bg-warning-dark, #451a03)}.devices-page .last-update{font-family:inherit}.devices-page .expiry-date{white-space:nowrap;font-size:.875rem}.devices-page .expiry-date .expired{color:#ef4444;font-weight:600}.devices-page .expiry-date .valid{color:#10b981;font-weight:500}.devices-page .expiry-date .no-expiry{color:var(--text-secondary, #6b7280);font-style:italic}[data-theme=dark] .devices-page .expiry-date .expired{color:#f87171}[data-theme=dark] .devices-page .expiry-date .valid{color:#34d399}[data-theme=dark] .devices-page .expiry-date .no-expiry{color:var(--text-secondary, #9ca3af)}.add_device,.edit_device{min-height:100vh;background:var(--bg-primary, #f8fafc);padding:0;margin:0}[data-theme=dark] .add_device,[data-theme=dark] .edit_device{background:var(--bg-primary, #0f172a)}.add_device .device-form-container,.edit_device .device-form-container{max-width:1400px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.add_device .form-header,.edit_device .form-header{background:var(--bg-secondary, white);border-bottom:1px solid var(--border-color, #e5e7eb);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .add_device .form-header,[data-theme=dark] .edit_device .form-header{background:var(--bg-secondary, rgba(30, 41, 59, .95));border-bottom-color:var(--border-color, #334155)}.add_device .header-content,.edit_device .header-content{display:flex;flex-direction:column;gap:8px}.add_device .back-btn,.edit_device .back-btn{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;padding:4px 0;margin-bottom:8px;transition:color .2s}.add_device .back-btn:hover,.edit_device .back-btn:hover{color:var(--text-primary, #374151)}[data-theme=dark] .add_device .back-btn:hover,[data-theme=dark] .edit_device .back-btn:hover{color:var(--text-primary, #f1f5f9)}.add_device .form-header h1,.edit_device .form-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary, #111827);margin:0}[data-theme=dark] .add_device .form-header h1,[data-theme=dark] .edit_device .form-header h1{color:var(--text-primary, #f9fafb)}.add_device .form-header p,.edit_device .form-header p{color:var(--text-secondary, #6b7280);margin:0;font-size:.875rem}.add_device .header-actions,.edit_device .header-actions{display:flex;gap:12px;align-items:center}.add_device .error-banner,.edit_device .error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px 32px;margin:0;text-align:center}[data-theme=dark] .add_device .error-banner,[data-theme=dark] .edit_device .error-banner{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.edit_device .error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:32px;text-align:center}.add_device .form-content,.edit_device .form-content{display:flex;flex:1;min-height:0}.add_device .form-sidebar,.edit_device .form-sidebar{width:280px;background:var(--bg-secondary, white);border-right:1px solid var(--border-color, #e5e7eb);padding:32px 0;overflow-y:auto}[data-theme=dark] .add_device .form-sidebar,[data-theme=dark] .edit_device .form-sidebar{background:var(--bg-secondary, #1e293b);border-right-color:var(--border-color, #334155)}.add_device .tab-navigation,.edit_device .tab-navigation{display:flex;flex-direction:column;gap:4px;padding:0 24px}.add_device .tab-btn,.edit_device .tab-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;background:none;color:var(--text-secondary, #6b7280);text-align:left;border-radius:12px;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.add_device .tab-btn:hover,.edit_device .tab-btn:hover{background:var(--bg-hover, #f9fafb);color:var(--text-primary, #374151)}[data-theme=dark] .add_device .tab-btn:hover,[data-theme=dark] .edit_device .tab-btn:hover{background:var(--bg-hover, #334155);color:var(--text-primary, #f1f5f9)}.add_device .tab-btn.active,.edit_device .tab-btn.active{background:var(--bg-primary-light, #eff6ff);color:var(--primary-color, #2563eb);font-weight:600}[data-theme=dark] .add_device .tab-btn.active,[data-theme=dark] .edit_device .tab-btn.active{background:var(--bg-primary-light, #1e3a8a);color:var(--primary-color, #3b82f6)}.add_device .tab-icon,.edit_device .tab-icon{font-size:1.25rem;width:24px;text-align:center}.add_device .tab-label,.edit_device .tab-label{flex:1}.add_device .form-main,.edit_device .form-main{flex:1;padding:32px 48px;overflow-y:auto;background:var(--bg-primary, #f8fafc)}[data-theme=dark] .add_device .form-main,[data-theme=dark] .edit_device .form-main{background:var(--bg-primary, #0f172a)}.add_device .tab-content,.edit_device .tab-content{max-width:800px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.add_device .content-header,.edit_device .content-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light, #f3f4f6)}[data-theme=dark] .add_device .content-header,[data-theme=dark] .edit_device .content-header{border-bottom-color:var(--border-light, #374151)}.add_device .content-header h2,.edit_device .content-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0 0 8px}[data-theme=dark] .add_device .content-header h2,[data-theme=dark] .edit_device .content-header h2{color:var(--text-primary, #f9fafb)}.add_device .content-header p,.edit_device .content-header p{color:var(--text-secondary, #6b7280);margin:0;font-size:.875rem;line-height:1.5}.add_device .form-grid,.edit_device .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.add_device .form-group,.edit_device .form-group{display:flex;flex-direction:column;gap:8px}.add_device .form-group label,.edit_device .form-group label{font-weight:600;font-size:.875rem;color:var(--text-primary, #374151)}[data-theme=dark] .add_device .form-group label,[data-theme=dark] .edit_device .form-group label{color:var(--text-primary, #f1f5f9)}.add_device .form-group input,.add_device .form-group select,.add_device .form-group textarea,.edit_device .form-group input,.edit_device .form-group select,.edit_device .form-group textarea{padding:12px 16px;border:1.5px solid var(--border-color, #d1d5db);border-radius:8px;font-size:.875rem;background:var(--bg-input, white);color:var(--text-primary, #374151);transition:all .2s}[data-theme=dark] .add_device .form-group input,[data-theme=dark] .add_device .form-group select,[data-theme=dark] .add_device .form-group textarea,[data-theme=dark] .edit_device .form-group input,[data-theme=dark] .edit_device .form-group select,[data-theme=dark] .edit_device .form-group textarea{background:var(--bg-input, #374151);border-color:var(--border-color, #4b5563);color:var(--text-primary, #f9fafb)}.add_device .form-group input:focus,.add_device .form-group select:focus,.add_device .form-group textarea:focus,.edit_device .form-group input:focus,.edit_device .form-group select:focus,.edit_device .form-group textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.add_device .form-group input.error,.add_device .form-group select.error,.add_device .form-group textarea.error,.edit_device .form-group input.error,.edit_device .form-group select.error,.edit_device .form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add_device .error-text,.edit_device .error-text{color:#ef4444;font-size:.75rem;font-weight:500}.add_device .form-section,.edit_device .form-section{margin-bottom:32px;padding:24px;background:var(--bg-secondary, white);border:1px solid var(--border-light, #f3f4f6);border-radius:12px}[data-theme=dark] .add_device .form-section,[data-theme=dark] .edit_device .form-section{background:var(--bg-secondary, #1e293b);border-color:var(--border-light, #334155)}.add_device .form-section h3,.edit_device .form-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 8px}[data-theme=dark] .add_device .form-section h3,[data-theme=dark] .edit_device .form-section h3{color:var(--text-primary, #f9fafb)}.add_device .form-section p,.edit_device .form-section p{color:var(--text-secondary, #6b7280);margin:0 0 20px;font-size:.875rem}.add_device .color-grid,.edit_device .color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.add_device .color-group,.edit_device .color-group{display:flex;flex-direction:column;gap:8px}.add_device .color-input-wrapper,.edit_device .color-input-wrapper{display:flex;gap:8px;align-items:center}.add_device .color-input-wrapper input[type=color],.edit_device .color-input-wrapper input[type=color]{width:48px;height:48px;border:2px solid var(--border-color, #d1d5db);border-radius:8px;padding:0;cursor:pointer}.add_device .color-text,.edit_device .color-text{flex:1;font-family:Monaco,Menlo,monospace;font-size:.875rem}.add_device .users-selection,.edit_device .users-selection{background:var(--bg-secondary, white);border:1px solid var(--border-light, #f3f4f6);border-radius:12px;padding:24px}[data-theme=dark] .add_device .users-selection,[data-theme=dark] .edit_device .users-selection{background:var(--bg-secondary, #1e293b);border-color:var(--border-light, #334155)}.add_device .selection-header,.edit_device .selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #f3f4f6)}[data-theme=dark] .add_device .selection-header,[data-theme=dark] .edit_device .selection-header{border-bottom-color:var(--border-light, #334155)}.add_device .selected-count,.edit_device .selected-count{font-weight:600;color:var(--primary-color, #2563eb);font-size:.875rem}.add_device .users-grid,.edit_device .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-height:500px;overflow-y:auto;padding:8px}.add_device .user-card,.edit_device .user-card{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;cursor:pointer;background:var(--bg-primary, #f8fafc);transition:all .2s}[data-theme=dark] .add_device .user-card,[data-theme=dark] .edit_device .user-card{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #374151)}.add_device .user-card:hover,.edit_device .user-card:hover{border-color:var(--primary-color, #3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .add_device .user-card:hover,[data-theme=dark] .edit_device .user-card:hover{box-shadow:0 4px 12px #0000004d}.add_device .user-card.selected,.edit_device .user-card.selected{border-color:var(--primary-color, #3b82f6);background:var(--bg-primary-light, #eff6ff)}[data-theme=dark] .add_device .user-card.selected,[data-theme=dark] .edit_device .user-card.selected{background:var(--bg-primary-light, #1e3a8a)}.add_device .user-checkbox,.edit_device .user-checkbox{display:flex;align-items:center}.add_device .user-checkbox input,.edit_device .user-checkbox input{width:18px;height:18px;margin:0}.add_device .user-avatar,.edit_device .user-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.add_device .user-info,.edit_device .user-info{flex:1;min-width:0}.add_device .user-name,.edit_device .user-name{font-weight:600;color:var(--text-primary, #111827);margin-bottom:4px;font-size:.875rem}[data-theme=dark] .add_device .user-name,[data-theme=dark] .edit_device .user-name{color:var(--text-primary, #f9fafb)}.add_device .user-email,.edit_device .user-email{color:var(--text-secondary, #6b7280);font-size:.75rem;margin-bottom:2px}.add_device .user-username,.edit_device .user-username{color:var(--text-tertiary, #9ca3af);font-size:.75rem}.add_device .no-users,.edit_device .no-users{text-align:center;padding:48px 24px;color:var(--text-secondary, #6b7280)}.add_device .no-users-icon,.edit_device .no-users-icon{font-size:3rem;margin-bottom:16px}.add_device .no-users h3,.edit_device .no-users h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #374151);margin:0 0 8px}[data-theme=dark] .add_device .no-users h3,[data-theme=dark] .edit_device .no-users h3{color:var(--text-primary, #f1f5f9)}.add_device .no-users p,.edit_device .no-users p{margin:0;font-size:.875rem}.add_device .settings-grid,.edit_device .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.add_device .setting-card,.edit_device .setting-card{background:var(--bg-secondary, white);border:1px solid var(--border-light, #f3f4f6);border-radius:12px;padding:24px}[data-theme=dark] .add_device .setting-card,[data-theme=dark] .edit_device .setting-card{background:var(--bg-secondary, #1e293b);border-color:var(--border-light, #334155)}.add_device .setting-header,.edit_device .setting-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #f3f4f6)}[data-theme=dark] .add_device .setting-header,[data-theme=dark] .edit_device .setting-header{border-bottom-color:var(--border-light, #334155)}.add_device .setting-header h4,.edit_device .setting-header h4{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0}[data-theme=dark] .add_device .setting-header h4,[data-theme=dark] .edit_device .setting-header h4{color:var(--text-primary, #f9fafb)}.add_device .settings-list,.edit_device .settings-list{display:flex;flex-direction:column;gap:16px}.add_device .setting-item,.edit_device .setting-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.add_device .setting-item input[type=checkbox],.edit_device .setting-item input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;cursor:pointer}.add_device .setting-content,.edit_device .setting-content{flex:1}.add_device .setting-name,.edit_device .setting-name{display:block;font-weight:600;color:var(--text-primary, #374151);font-size:.875rem;margin-bottom:4px}[data-theme=dark] .add_device .setting-name,[data-theme=dark] .edit_device .setting-name{color:var(--text-primary, #f1f5f9)}.add_device .setting-description,.edit_device .setting-description{display:block;color:var(--text-secondary, #6b7280);font-size:.75rem;line-height:1.4}.add_device .btn,.edit_device .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1.5px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;min-height:44px}.add_device .btn-primary,.edit_device .btn-primary{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.add_device .btn-primary:hover:not(:disabled),.edit_device .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.add_device .btn-secondary,.edit_device .btn-secondary{background:var(--bg-secondary, white);color:var(--text-primary, #374151);border-color:var(--border-color, #d1d5db)}[data-theme=dark] .add_device .btn-secondary,[data-theme=dark] .edit_device .btn-secondary{background:var(--bg-secondary, #374151);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}.add_device .btn-secondary:hover:not(:disabled),.edit_device .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #f9fafb);border-color:var(--border-hover, #9ca3af);transform:translateY(-1px)}[data-theme=dark] .add_device .btn-secondary:hover:not(:disabled),[data-theme=dark] .edit_device .btn-secondary:hover:not(:disabled){background:var(--bg-hover, #4b5563);border-color:var(--border-hover, #6b7280)}.add_device .btn-danger,.edit_device .btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.add_device .btn-danger:hover:not(:disabled),.edit_device .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.add_device .btn-sm,.edit_device .btn-sm{padding:8px 16px;font-size:.75rem;min-height:36px}@media (max-width: 1024px){.add_device .form-content,.edit_device .form-content{flex-direction:column}.add_device .form-sidebar,.edit_device .form-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color, #e5e7eb);padding:16px 0}.add_device .tab-navigation,.edit_device .tab-navigation{flex-direction:row;overflow-x:auto;padding:0 24px;gap:8px}.add_device .tab-btn,.edit_device .tab-btn{white-space:nowrap;min-width:fit-content}.add_device .form-main,.edit_device .form-main{padding:24px 32px}}@media (max-width: 768px){.add_device .form-header,.edit_device .form-header{flex-direction:column;gap:16px;align-items:stretch;padding:16px 24px}.add_device .header-actions,.edit_device .header-actions{justify-content:center}.add_device .form-main,.edit_device .form-main{padding:16px 24px}.add_device .form-grid,.edit_device .form-grid{grid-template-columns:1fr;gap:16px}.add_device .color-grid,.edit_device .color-grid,.add_device .users-grid,.edit_device .users-grid,.add_device .settings-grid,.edit_device .settings-grid{grid-template-columns:1fr}.add_device .tab-navigation,.edit_device .tab-navigation{padding:0 16px}.add_device .tab-label,.edit_device .tab-label{display:none}}@media (max-width: 480px){.add_device .form-header,.edit_device .form-header,.add_device .form-main,.edit_device .form-main{padding:12px 16px}.add_device .users-selection,.add_device .form-section,.add_device .setting-card,.edit_device .users-selection,.edit_device .form-section,.edit_device .setting-card{padding:16px}}.file-upload{display:flex;flex-direction:column;gap:12px}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background-color:#f9fafb;transition:all .3s ease;cursor:pointer}.file-upload-area:hover{border-color:#3b82f6;background-color:#eff6ff}.file-upload-area input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-text{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;font-size:14px}.file-upload-text svg{color:#9ca3af}.file-upload-text span{font-weight:500}.file-preview{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f3f4f6;border-radius:8px;border:1px solid #e5e7eb}.icon-preview,.photo-preview{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background-color:#fff}.icon-preview img,.photo-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-file{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.btn-remove-file:hover{background-color:#dc2626}.btn-remove-file svg{width:14px;height:14px}.field-description{font-size:12px;color:#6b7280;margin:4px 0 8px;font-style:italic}textarea{resize:vertical;min-height:80px;font-family:inherit}.add_device input[type=range],.edit_device input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary, #e5e7eb);outline:none;appearance:none;cursor:pointer}.add_device input[type=range]::-webkit-slider-thumb,.edit_device input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color, #3b82f6);cursor:pointer;border:2px solid var(--bg-secondary, white);box-shadow:0 2px 4px #0000001a}.add_device input[type=range]::-moz-range-thumb,.edit_device input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color, #3b82f6);cursor:pointer;border:2px solid var(--bg-secondary, white);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .add_device input[type=range],[data-theme=dark] .edit_device input[type=range]{background:var(--bg-tertiary, #475569)}[data-theme=dark] .add_device input[type=range]::-webkit-slider-thumb,[data-theme=dark] .edit_device input[type=range]::-webkit-slider-thumb{background:var(--primary-color, #60a5fa);border-color:var(--bg-secondary, #334155)}[data-theme=dark] .add_device input[type=range]::-moz-range-thumb,[data-theme=dark] .edit_device input[type=range]::-moz-range-thumb{background:var(--primary-color, #60a5fa);border-color:var(--bg-secondary, #334155)}.add_device .range-labels,.edit_device .range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary, #6b7280);margin-top:4px}.add_device .checkbox-label,.edit_device .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-secondary, white);transition:all .2s}.add_device .checkbox-label:hover,.edit_device .checkbox-label:hover{border-color:var(--primary-color, #3b82f6);background:var(--bg-tertiary, #f9fafb)}.add_device .checkbox-label.checked,.edit_device .checkbox-label.checked{border-color:var(--success-color, #10b981);background:var(--success-light, #ecfdf5)}.add_device .checkbox-label .enabled-indicator,.edit_device .checkbox-label .enabled-indicator{color:var(--success-color, #10b981);font-size:.875rem;font-weight:600;background:var(--success-bg, #d1fae5);padding:2px 8px;border-radius:12px;margin-left:auto}[data-theme=dark] .add_device .checkbox-label .enabled-indicator,[data-theme=dark] .edit_device .checkbox-label .enabled-indicator{color:var(--success-color, #34d399);background:var(--success-bg, #064e3b)}.add_device .checkbox-label input[type=checkbox],.edit_device .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--primary-color, #3b82f6)}.add_device .checkbox-label span,.edit_device .checkbox-label span{font-weight:500;color:var(--text-primary, #374151);-webkit-user-select:none;user-select:none}[data-theme=dark] .add_device .checkbox-label,[data-theme=dark] .edit_device .checkbox-label{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}[data-theme=dark] .add_device .checkbox-label:hover,[data-theme=dark] .edit_device .checkbox-label:hover{background:var(--bg-tertiary, #1e293b)}[data-theme=dark] .add_device .checkbox-label span,[data-theme=dark] .edit_device .checkbox-label span{color:var(--text-primary, #f1f5f9)}.add_device .user-search,.edit_device .user-search{margin-bottom:16px}.add_device .search-input,.edit_device .search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color, #d1d5db);border-radius:8px;font-size:.875rem;background:var(--bg-secondary, white);color:var(--text-primary, #374151)}.add_device .search-input:focus,.edit_device .search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.add_device .users-list,.edit_device .users-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-secondary, white)}.add_device .user-row,.edit_device .user-row{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color, #f3f4f6)}.add_device .user-row:last-child,.edit_device .user-row:last-child{border-bottom:none}.add_device .user-row:hover,.edit_device .user-row:hover{background:var(--bg-tertiary, #f9fafb)}.add_device .user-row.selected,.edit_device .user-row.selected{background:#3b82f61a;border-color:var(--primary-color, #3b82f6)}.add_device .user-row .user-checkbox,.edit_device .user-row .user-checkbox{flex-shrink:0}.add_device .user-row .user-checkbox input,.edit_device .user-row .user-checkbox input{width:16px;height:16px;accent-color:var(--primary-color, #3b82f6)}.add_device .user-row .user-avatar,.edit_device .user-row .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.add_device .user-row .user-details,.edit_device .user-row .user-details{flex:1;min-width:0}.add_device .user-row .user-name,.edit_device .user-row .user-name{font-weight:600;color:var(--text-primary, #111827);font-size:.875rem;margin-bottom:2px}.add_device .user-row .user-email,.edit_device .user-row .user-email{color:var(--text-secondary, #6b7280);font-size:.75rem;margin-bottom:1px}.add_device .user-row .user-username,.edit_device .user-row .user-username{color:var(--text-tertiary, #9ca3af);font-size:.75rem;font-style:italic}[data-theme=dark] .add_device .search-input,[data-theme=dark] .edit_device .search-input{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569);color:var(--text-primary, #f1f5f9)}[data-theme=dark] .add_device .users-list,[data-theme=dark] .edit_device .users-list{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569)}[data-theme=dark] .add_device .user-row,[data-theme=dark] .edit_device .user-row{border-bottom-color:var(--border-color, #475569)}[data-theme=dark] .add_device .user-row:hover,[data-theme=dark] .edit_device .user-row:hover{background:var(--bg-tertiary, #1e293b)}[data-theme=dark] .add_device .user-row .user-name,[data-theme=dark] .edit_device .user-row .user-name{color:var(--text-primary, #f1f5f9)}[data-theme=dark] .add_device .user-row .user-email,[data-theme=dark] .edit_device .user-row .user-email{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .add_device .user-row .user-username,[data-theme=dark] .edit_device .user-row .user-username{color:var(--text-tertiary, #94a3b8)}.add_device .form-group.full-width,.edit_device .form-group.full-width{grid-column:1 / -1}.add_device .form-section h3,.edit_device .form-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .add_device .form-section h3,[data-theme=dark] .edit_device .form-section h3{color:var(--text-primary, #f9fafb);border-bottom-color:var(--border-color, #475569)}.add_device .form-group.error input,.add_device .form-group.error select,.add_device .form-group.error textarea,.edit_device .form-group.error input,.edit_device .form-group.error select,.edit_device .form-group.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add_device .error-text,.edit_device .error-text{color:#ef4444;font-size:.75rem;margin-top:4px;display:block}.add_device .btn:disabled,.edit_device .btn:disabled{opacity:.5;cursor:not-allowed}.add_device .btn-back,.edit_device .btn-back{background:none;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px;transition:color .2s}.add_device .btn-back:hover,.edit_device .btn-back:hover{color:var(--text-primary, #374151)}[data-theme=dark] .add_device .btn-back:hover,[data-theme=dark] .edit_device .btn-back:hover{color:var(--text-primary, #f1f5f9)}@media (max-width: 768px){.add_device .file-upload,.edit_device .file-upload{gap:8px}.add_device .icon-preview,.add_device .photo-preview,.edit_device .icon-preview,.edit_device .photo-preview{width:60px;height:60px}.add_device input[type=range]::-webkit-slider-thumb,.edit_device input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.add_device input[type=range]::-moz-range-thumb,.edit_device input[type=range]::-moz-range-thumb{width:18px;height:18px}}.floating-action-buttons{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab-main{position:relative}.fab-toggle{width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;background:var(--primary-color, #1890ff)!important;border:none!important;box-shadow:0 4px 16px #1890ff4d!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fab-toggle:hover,.fab-toggle.active{transform:scale(1.1) rotate(90deg)!important;box-shadow:0 8px 32px #1890ff66!important}.fab-controls{display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-20px) scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.fab-controls.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.fab-group{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.fab-button{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;border:none!important;border-radius:50%!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;color:#000000d9!important}[data-theme=dark] .fab-button{background:#282828f2!important;color:#ffffffd9!important;border:1px solid rgba(255,255,255,.1)!important}.fab-button:hover{transform:scale(1.1)!important;box-shadow:0 4px 16px #00000026!important}[data-theme=dark] .fab-button:hover{box-shadow:0 4px 16px #ffffff1a!important}.fab-button.zoom-in:hover{background:#52c41ae6!important;color:#fff!important}.fab-button.zoom-out:hover{background:#f5222de6!important;color:#fff!important}.fab-button.center:hover{background:#1890ffe6!important;color:#fff!important}.fab-button.fullscreen:hover{background:#722ed1e6!important;color:#fff!important}.fab-button.history:hover{background:#faad14e6!important;color:#fff!important}.fab-button.live-tracking:hover,.fab-button.live-tracking.active{background:#52c41ae6!important;color:#fff!important}.fab-button.traffic:hover,.fab-button.traffic.active{background:#ff4d4fe6!important;color:#fff!important}.fab-button.map-provider:hover,.fab-button.map-type:hover{background:#6c757de6!important;color:#fff!important}.fab-controls.visible .fab-button{animation:fabSlideIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fabSlideIn{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.fab-group:nth-child(1) .fab-button{animation-delay:.05s}.fab-group:nth-child(2) .fab-button{animation-delay:.1s}.fab-group:nth-child(3) .fab-button{animation-delay:.15s}.fab-group:nth-child(4) .fab-button{animation-delay:.2s}.map-provider-item{display:flex;align-items:center;gap:8px;padding:4px 0}@media (max-width: 768px){.floating-action-buttons{top:15px;right:15px;gap:10px}.fab-toggle{width:50px!important;height:50px!important;font-size:20px!important}.fab-button{width:42px!important;height:42px!important;font-size:16px!important}.fab-group{gap:6px}}.fab-button:focus{outline:2px solid var(--primary-color, #1890ff);outline-offset:2px}.fab-toggle:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.fab-button,.fab-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}.history-panel{padding:0!important;height:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;background:var(--bg-primary)!important;overflow:hidden!important}.history-panel{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--primary-color: #3b82f6;--primary-bg-light: rgba(59, 130, 246, .1);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}[data-theme=dark] :where(.css-dev-only-do-not-override-1odpy5d).ant-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .history-panel{--bg-primary: #0f172a !important;--bg-secondary: #1e293b !important;--bg-tertiary: #334155 !important;--bg-hover: #475569 !important;--text-primary: #f1f5f9 !important;--text-secondary: #cbd5e1 !important;--text-muted: #94a3b8 !important;--border-color: #334155 !important;--border-light: #475569 !important;--primary-color: #60a5fa !important;--primary-bg-light: rgba(96, 165, 250, .1) !important;--success-color: #34d399 !important;--warning-color: #fbbf24 !important;--danger-color: #f87171 !important}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3) !important;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4) !important;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important}[data-theme=dark] .history-panel .ant-picker{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .history-panel .ant-picker-input>input{background-color:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .history-panel .ant-picker-input>input::placeholder{color:var(--text-muted)!important}[data-theme=dark] .history-panel .ant-picker-clear{background-color:transparent!important;color:var(--text-secondary)!important}[data-theme=dark] .history-panel .ant-picker-suffix{color:var(--text-secondary)!important}[data-theme=dark] .history-panel .ant-select-selector{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .history-panel .ant-select-selection-item{color:var(--text-primary)!important}[data-theme=dark] .history-panel .ant-select-arrow{color:var(--text-secondary)!important}.filters-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;margin:8px!important;box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important}.filters-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--primary-color)!important}.filters-card .ant-card-body{padding:16px!important}.filter-group{display:flex!important;flex-direction:column!important;gap:8px!important}.filter-group .ant-typography{color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important;margin-bottom:0!important}.filter-group .ant-select,.filter-group .ant-picker{border:1px solid var(--border-color)!important;border-radius:8px!important;background:var(--bg-primary)!important}.filter-group .ant-select:hover,.filter-group .ant-picker:hover{border-color:var(--primary-color)!important}.filter-group .ant-select-focused,.filter-group .ant-picker-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px var(--primary-bg-light)!important}.filter-group .ant-select-selector{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:none!important;padding:4px 12px!important}.filter-group .ant-picker-input input{color:var(--text-primary)!important;background:transparent!important}.history-table-card{flex:1!important;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;margin:0 8px 8px!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important}.history-table-card .ant-card-body{padding:0!important;height:100%!important}.history-table-card .ant-table{background:transparent!important;font-size:13px!important}.history-table-card .ant-table-container{border-radius:12px!important;overflow:hidden!important}.history-table-card .ant-table-thead>tr>th{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:2px solid var(--border-color)!important;font-size:12px!important;font-weight:700!important;padding:12px 16px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.history-table-card .ant-table-thead>tr>th:first-child{border-top-left-radius:12px!important}.history-table-card .ant-table-thead>tr>th:last-child{border-top-right-radius:12px!important}.history-table-card .ant-table-tbody>tr>td{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-light)!important;padding:12px 16px!important;font-size:13px!important;transition:all .2s ease!important}.history-table-card .ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important;transform:scale(1.01)!important}.history-table-card .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.current-location-row>td{background:var(--primary-bg-light)!important;border-color:var(--primary-color)!important;position:relative!important}.current-location-row>td:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--primary-color)!important}.time-cell{display:flex!important;align-items:center!important;gap:8px!important;font-weight:500!important}.time-icon{color:var(--primary-color)!important;font-size:14px!important;flex-shrink:0!important}.location-cell{display:flex!important;align-items:flex-start!important;gap:8px!important}.location-icon{color:var(--success-color)!important;font-size:14px!important;margin-top:2px!important;flex-shrink:0!important}.coordinates{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;font-size:12px!important;color:var(--text-primary)!important;font-weight:600!important;background:var(--bg-tertiary)!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid var(--border-light)!important}.address-text{font-size:11px!important;color:var(--text-secondary)!important;margin-top:4px!important;max-width:200px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-style:italic!important}.history-panel .ant-tag{border-radius:6px!important;font-size:11px!important;font-weight:600!important;padding:2px 8px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border:none!important;letter-spacing:.3px!important}.history-panel .ant-tag[style*="color: rgb(52, 211, 153)"]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 2px 4px #10b9814d!important}.history-panel .ant-tag[style*="color: rgb(251, 191, 36)"]{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 2px 4px #f59e0b4d!important}.history-panel .ant-tag[style*="color: rgb(248, 113, 113)"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 2px 4px #ef44444d!important}.history-panel .ant-table-tbody .ant-btn{border:none!important;box-shadow:none!important;color:var(--text-secondary)!important;transition:all .3s ease!important;border-radius:6px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;position:relative!important;overflow:hidden!important}.history-panel .ant-table-tbody .ant-btn:before{content:""!important;position:absolute!important;inset:0!important;background:transparent!important;transition:all .3s ease!important;transform:scale(0)!important;border-radius:6px!important}.history-panel .ant-table-tbody .ant-btn:hover:before{transform:scale(1)!important}.history-panel .ant-table-tbody .view-btn:hover{color:#fff!important;transform:translateY(-2px) scale(1.1)!important;box-shadow:0 4px 12px #3b82f666!important}.history-panel .ant-table-tbody .view-btn:hover:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.history-panel .ant-table-tbody .copy-btn:hover{color:#fff!important;transform:translateY(-2px) scale(1.1)!important;box-shadow:0 4px 12px #10b98166!important}.history-panel .ant-table-tbody .copy-btn:hover:before{background:linear-gradient(135deg,#10b981,#059669)!important}.history-panel .ant-table-tbody .zoom-btn:hover{color:#fff!important;transform:translateY(-2px) scale(1.1)!important;box-shadow:0 4px 12px #8b5cf666!important}.history-panel .ant-table-tbody .zoom-btn:hover:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.history-panel .refresh-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f64d!important}.history-panel .export-btn:hover{background:var(--bg-hover)!important;border-color:var(--success-color)!important;color:var(--success-color)!important;transform:translateY(-1px)!important}.history-panel .playback-control-btn:hover{background:#ffffff4d!important;transform:scale(1.1)!important;border-color:#ffffff80!important}.history-panel .play-pause-btn:hover{background:#ffffffe6!important;color:var(--primary-color)!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #ffffff4d!important}.details-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;margin:0 8px 8px!important;box-shadow:var(--shadow-md)!important;overflow:hidden!important}.details-card .ant-card-head{background:var(--gradient-primary)!important;border-bottom:none!important;padding:0 20px!important;min-height:48px!important}.details-card .ant-card-head-title{color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:48px!important;margin:0!important}.details-card .ant-card-body{padding:20px!important}.details-card .ant-descriptions-item-label{color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.details-card .ant-descriptions-item-content{color:var(--text-primary)!important;font-size:13px!important;font-weight:500!important}.history-table-card .ant-pagination{margin:16px!important;text-align:center!important}.history-table-card .ant-pagination .ant-pagination-item{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;border-radius:6px!important;transition:all .3s ease!important}.history-table-card .ant-pagination .ant-pagination-item:hover{border-color:var(--primary-color)!important;transform:translateY(-1px)!important}.history-table-card .ant-pagination .ant-pagination-item-active{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.history-table-card .ant-pagination .ant-pagination-item-active a{color:#fff!important}.history-panel .ant-spin{color:var(--primary-color)!important}.history-panel .ant-empty{color:var(--text-secondary)!important;padding:40px 20px!important}.history-panel .ant-empty-description{color:var(--text-secondary)!important;font-size:14px!important;margin-top:12px!important}@media (max-width: 768px){.history-panel{gap:6px!important}.filters-card,.playback-card,.history-table-card,.details-card{margin:0 4px!important}.filters-card .ant-card-body,.playback-card .ant-card-body{padding:12px!important}.playback-controls{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.timeline-container{margin-top:12px!important;padding-top:8px!important}.history-table-card .ant-table-thead>tr>th,.history-table-card .ant-table-tbody>tr>td{padding:8px 12px!important;font-size:12px!important}.coordinates{font-size:11px!important}}.params-modal{z-index:10000!important}.params-modal .ant-modal-mask{display:none!important}.params-modal .ant-modal-wrap{z-index:10000!important}.params-modal .ant-modal{z-index:10001!important;box-shadow:0 10px 30px #0000004d!important;border-radius:12px!important;overflow:hidden!important}.params-modal .ant-modal-content{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px!important}.params-modal .ant-modal-header{background:var(--gradient-primary)!important;border-bottom:none!important;padding:16px 24px!important;border-radius:12px 12px 0 0!important}.params-modal .ant-modal-title{color:#fff!important;font-size:16px!important;font-weight:600!important;margin:0!important}.params-modal .ant-modal-close{color:#fff!important;background:#ffffff1a!important;border-radius:6px!important;padding:4px!important;transition:all .3s ease!important}.params-modal .ant-modal-close:hover{background:#fff3!important;transform:scale(1.1)!important}.params-modal .ant-modal-body{padding:16px 24px!important;background:var(--bg-primary)!important}.params-modal .ant-modal-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;padding:12px 24px!important;border-radius:0 0 12px 12px!important}[data-theme=dark] .params-modal .ant-table{background:var(--bg-primary)!important}[data-theme=dark] .params-modal .ant-table-thead>tr>th{background-color:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .params-modal .ant-table-tbody>tr>td{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .params-modal .ant-table-tbody>tr:hover>td{background-color:var(--bg-hover)!important}.params-modal .ant-typography-copy{color:var(--text-primary)!important}[data-theme=dark] .params-modal .ant-typography code{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=light] .params-modal .ant-modal-content{background-color:#fff!important;border:1px solid #e5e7eb!important}[data-theme=light] .params-modal .ant-modal-body{background:#fff!important}[data-theme=light] .params-modal .ant-modal-footer{background:#f8fafc!important;border-top:1px solid #e5e7eb!important}[data-theme=light] .params-modal .ant-table-thead>tr>th{background-color:#f1f5f9!important;color:#1e293b!important}[data-theme=light] .params-modal .ant-table-tbody>tr>td{background-color:#fff!important;color:#1e293b!important}[data-theme=light] .params-modal .ant-typography code{background-color:#f1f5f9!important;color:#1e293b!important;border:1px solid #e2e8f0!important}@media (max-width: 768px){.filters-card .ant-row{gap:12px!important}.filter-group,.ant-space-item{margin-bottom:8px!important}.ant-space{flex-wrap:wrap!important;justify-content:flex-start!important}}@media (max-width: 576px){.ant-space{width:100%!important}.ant-space .ant-btn{margin-bottom:4px!important}.ant-dropdown-trigger{width:100%!important}}.action-btn{transition:all .2s ease!important}.action-btn:hover{background-color:var(--primary-bg-light)!important;color:var(--primary-color)!important;transform:scale(1.1)!important}[data-theme=dark] .action-btn:hover{background-color:var(--primary-bg-light)!important;color:var(--primary-color)!important}@media (max-width: 480px){.filter-group .ant-col{margin-bottom:8px!important}.playback-controls .ant-space{flex-wrap:wrap!important}.history-table-card .ant-table-thead>tr>th,.history-table-card .ant-table-tbody>tr>td{padding:6px 8px!important;font-size:11px!important}}.history-panel .filters-card,.history-panel .playback-card,.history-panel .history-table-card,.history-panel .details-card{animation:slideInUp .4s ease-out!important}@keyframes slideInUp{0%{transform:translateY(20px)!important;opacity:0!important}to{transform:translateY(0)!important;opacity:1!important}}.current-location-row{animation:highlightRow 2s ease-in-out!important}@keyframes highlightRow{0%{background-color:var(--primary-color)!important;transform:scale(1.02)!important}50%{background-color:var(--primary-bg-light)!important}to{background-color:var(--primary-bg-light)!important;transform:scale(1)!important}}.history-panel ::-webkit-scrollbar{width:8px!important;height:8px!important}.history-panel ::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:4px!important}.history-panel ::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:4px!important;transition:background .3s ease!important}.history-panel ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}.history-panel .ant-btn{border-radius:8px!important;font-weight:500!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #0000001a!important;position:relative!important;overflow:hidden!important}.history-panel .ant-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.history-panel .ant-btn:hover:before{left:100%}.history-panel .ant-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.history-panel .ant-btn:active{transform:translateY(0)!important}.history-panel .ant-btn:not(.ant-btn-primary):not(.ant-dropdown-trigger){background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.history-panel .ant-btn:not(.ant-btn-primary):not(.ant-dropdown-trigger):hover{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.history-panel .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 2px 8px #3b82f64d!important}.history-panel .ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 16px #3b82f666!important}.history-panel .ant-btn-primary:disabled{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;box-shadow:none!important}.history-panel .ant-dropdown-trigger{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #10b9814d!important}.history-panel .ant-dropdown-trigger:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 4px 16px #10b98166!important}.history-panel .ant-dropdown-trigger:disabled{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;box-shadow:none!important}[data-theme=dark] .history-panel .ant-btn:not(.ant-btn-primary):not(.ant-dropdown-trigger){background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .history-panel .ant-btn:not(.ant-btn-primary):not(.ant-dropdown-trigger):hover{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=dark] .history-panel .ant-btn-primary{box-shadow:0 2px 8px #3b82f633!important}[data-theme=dark] .history-panel .ant-btn-primary:hover{box-shadow:0 4px 16px #3b82f64d!important}[data-theme=dark] .history-panel .ant-dropdown-trigger{box-shadow:0 2px 8px #10b98133!important}[data-theme=dark] .history-panel .ant-dropdown-trigger:hover{box-shadow:0 4px 16px #10b9814d!important}.history-panel .ant-btn .anticon{margin-right:6px!important;font-size:14px!important;transition:transform .2s ease!important}.history-panel .ant-btn:hover .anticon{transform:scale(1.1)!important}.history-panel .ant-btn-loading{pointer-events:none!important}.history-panel .ant-btn-loading .ant-btn-loading-icon{margin-right:6px!important}.trips-panel{padding:0;background:var(--bg-primary);border-radius:8px}.trips-panel .filters-card{margin-bottom:16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary)}[data-theme=dark] :where(.css-dev-only-do-not-override-1odpy5d).ant-typography{color:#fff}.trips-panel .filters-card .ant-card-body{padding:16px}.trips-panel .filter-group{display:flex;flex-direction:column;gap:4px}.trips-panel .filter-group .ant-typography{color:var(--text-primary);font-weight:600;font-size:13px}.trips-panel .filter-group .ant-select{width:100%}.trips-panel .trips-table-card{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary)}.trips-panel .trips-table-card .ant-card-body{padding:0}.trips-panel .ant-table{background:transparent}.trips-panel .ant-table-thead>tr>th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:600;font-size:12px;padding:12px 8px}.trips-panel .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color-light);padding:12px 8px;color:var(--text-primary);background:var(--bg-secondary)}.trips-panel .ant-table-tbody>tr:hover>td{background:var(--bg-tertiary)!important}.trips-panel .trip-number{display:flex;align-items:center;gap:4px;font-weight:600}.trips-panel .time-cell{display:flex;align-items:center;gap:6px;font-size:12px}.trips-panel .time-icon{color:var(--text-secondary);font-size:12px}.trips-panel .action-btn{color:var(--text-secondary);padding:4px 8px;height:auto;border:1px solid transparent;border-radius:4px;transition:all .2s ease}.trips-panel .action-btn:hover{color:var(--primary-color);background:var(--primary-color-light);border-color:var(--primary-color-light)}.trips-panel .action-btn:focus{color:var(--primary-color);background:var(--primary-color-light);border-color:var(--primary-color)}.trips-panel .ant-tag{margin:0;border-radius:4px;font-size:11px;line-height:1.4;padding:2px 6px;display:inline-flex;align-items:center;gap:4px}.trips-panel .ant-statistic{text-align:center}.trips-panel .ant-statistic-title{color:var(--text-secondary);font-size:11px;margin-bottom:4px}.trips-panel .ant-statistic-content{color:var(--text-primary);font-size:16px!important}.trips-panel .ant-statistic-content-prefix{color:var(--primary-color);margin-right:4px}.trips-panel .ant-statistic-content-suffix{color:var(--text-secondary);margin-left:4px;font-size:12px}.trips-panel .ant-empty{padding:40px 20px}.trips-panel .ant-empty-description{color:var(--text-secondary);font-size:13px}.trips-panel .ant-table-pagination{padding:16px;border-top:1px solid var(--border-color-light);background:var(--bg-tertiary);border-radius:0 0 6px 6px}.trips-panel .ant-table-pagination .ant-pagination-item{background:var(--bg-secondary);border-color:var(--border-color)}.trips-panel .ant-table-pagination .ant-pagination-item a{color:var(--text-primary)}.trips-panel .ant-table-pagination .ant-pagination-item:hover{border-color:var(--primary-color)}.trips-panel .ant-table-pagination .ant-pagination-item:hover a{color:var(--primary-color)}.trips-panel .ant-table-pagination .ant-pagination-item-active{background:var(--primary-color);border-color:var(--primary-color)}.trips-panel .ant-table-pagination .ant-pagination-item-active a{color:#fff}[data-theme=dark] .trips-panel .ant-tag{background:#ffffff14;border-color:#ffffff26;color:#ffffffd9}[data-theme=dark] .trips-panel .ant-tag.ant-tag-blue{background:#1890ff26;border-color:#1890ff4d;color:#69c0ff}[data-theme=dark] .trips-panel .ant-tag.ant-tag-green{background:#52c41a26;border-color:#52c41a4d;color:#95de64}[data-theme=dark] .trips-panel .ant-tag.ant-tag-red{background:#ff4d4f26;border-color:#ff4d4f4d;color:#ff7875}[data-theme=dark] .trips-panel .ant-tag.ant-tag-orange{background:#ffad1e26;border-color:#ffad1e4d;color:#ffc53d}[data-theme=dark] .trips-panel .ant-tag.ant-tag-cyan{background:#13c2c226;border-color:#13c2c24d;color:#5cdbd3}.resizable-bottom-panel{position:fixed;bottom:0;right:0;z-index:1001;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.25,.46,.45,.94);min-height:200px;max-height:70vh;display:flex;flex-direction:column}.resizable-bottom-panel.resizing{-webkit-user-select:none;user-select:none;pointer-events:none}.resizable-bottom-panel.resizing .panel-content{pointer-events:auto}.resize-handle{position:absolute;top:-2px;left:0;right:0;height:6px;cursor:row-resize;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1002}.resize-handle:hover{background:var(--primary-color);opacity:.1}.drag-indicator-horizontal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:2px;background:var(--text-secondary);border-radius:1px;opacity:.8;transition:all .2s ease}.resize-handle:hover .drag-indicator-horizontal{opacity:1;background:var(--primary-color)}.panel-content{height:100%;display:flex;flex-direction:column;padding-top:8px}.panel-content .ant-tabs-tab .ant-badge{margin-left:5px}[data-theme=dark] .live-tracking-content span:not(button span),[data-theme=dark] .ant-statistic-title{color:#fff!important}.bottom-panel-tabs{flex:1;display:flex;flex-direction:column;height:100%}.bottom-panel-tabs .ant-tabs-nav{margin:0;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.bottom-panel-tabs .ant-tabs-tab{color:var(--text-secondary);border:none;background:transparent;margin:0 4px;padding:8px 12px!important;border-radius:6px 6px 0 0;transition:all .2s ease}.bottom-panel-tabs .anticon{margin-right:12px!important}.bottom-panel-tabs .ant-tabs-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.bottom-panel-tabs .ant-tabs-tab-active{background:var(--bg-primary);color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.bottom-panel-tabs .ant-tabs-content-holder{flex:1;overflow:hidden}.bottom-panel-tabs .ant-tabs-content{height:100%}.bottom-panel-tabs .ant-tabs-tabpane{height:100%;overflow:auto;padding:0}.tab-content{height:100%;padding:16px;overflow-y:auto;background:var(--bg-primary);color:var(--text-primary)}.ant-tabs-tabpane[data-node-key=history] .tab-content{padding:0;overflow:hidden}.tab-content .history-panel{height:100%;overflow:hidden}.loading-container{display:flex;justify-content:center;align-items:center;height:100px;color:var(--text-secondary)}.packets-data{display:flex;flex-direction:column;gap:8px}.packet-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.packet-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.packet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.packet-timestamp{font-weight:600;color:var(--text-primary);font-size:14px}.packet-type{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;text-transform:uppercase}.packet-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:13px}.packet-detail-item{display:flex;justify-content:space-between;color:var(--text-secondary)}.packet-detail-item strong{color:var(--text-primary)}.history-data{display:flex;flex-direction:column;gap:8px}.history-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.history-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.history-time{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.history-details{display:flex;flex-direction:column;gap:2px;font-size:13px}.history-address{font-style:italic;color:var(--text-secondary);margin-top:4px}.device-info{display:flex;flex-direction:column;gap:16px}.info-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.info-group h5{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-item .ant-typography{color:var(--text-secondary)}.info-item .ant-typography strong{color:var(--text-primary)}.ant-empty,.ant-empty-description{color:var(--text-secondary)}.ant-badge-count{background:var(--primary-color);border-color:var(--primary-color)}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.minimize-button{position:absolute;top:12px;right:16px;z-index:1003;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .2s ease;font-size:12px}.minimize-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color)}.resizable-bottom-panel.minimized{height:40px!important;min-height:40px!important}.resizable-bottom-panel.minimized .panel-content{overflow:hidden}.resizable-bottom-panel.minimized .ant-tabs-content-holder{display:none}.professional-fleet{padding:0}.fleet-summary-card{margin-bottom:16px;background:linear-gradient(135deg,var(--bg-secondary, #f8fafc) 0%,var(--bg-tertiary, #f1f5f9) 100%);border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .fleet-summary-card{background:linear-gradient(135deg,var(--bg-secondary, #1e293b) 0%,var(--bg-tertiary, #334155) 100%);border-color:var(--border-color, #334155)}.fleet-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--text-primary, #1e293b)}[data-theme=dark] .summary-title{color:var(--text-primary, #f1f5f9)}.summary-icon{color:var(--primary-color, #3b82f6);font-size:18px}.device-status-badge .status-indicator{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px}.device-status-badge .status-indicator.online{background:#22c55e;color:#fff}.device-status-badge .status-indicator.offline{background:#ef4444;color:#fff}.summary-metrics .metric-box{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}[data-theme=dark] .summary-metrics .metric-box{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #475569)}.summary-metrics .metric-box:hover{border-color:var(--primary-color, #3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.metric-icon{font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.metric-icon.speed{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.metric-icon.direction{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.metric-icon.time{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.metric-icon.location{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.metric-content{flex:1}.metric-value{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.2}[data-theme=dark] .metric-value{color:var(--text-primary, #f1f5f9)}.metric-label{font-size:11px;color:var(--text-secondary, #64748b);margin-top:2px}[data-theme=dark] .metric-label{color:var(--text-secondary, #94a3b8)}.fleet-section-card{margin-bottom:16px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff)}[data-theme=dark] .fleet-section-card{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #334155)}.fleet-section-card .ant-card-head{border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .fleet-section-card .ant-card-head{background:var(--bg-secondary, #1e293b);border-bottom-color:var(--border-color, #334155)}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary, #1e293b)}[data-theme=dark] .section-title{color:var(--text-primary, #f1f5f9)}.section-icon{color:var(--primary-color, #3b82f6);font-size:16px}.fleet-data-rows{display:flex;flex-direction:column;gap:12px}.data-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light, #f1f5f9);transition:all .2s ease}[data-theme=dark] .data-row{border-bottom-color:var(--border-light, #334155)}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--bg-hover, #f8fafc);margin:0 -12px;padding:8px 12px;border-radius:6px}[data-theme=dark] .data-row:hover{background:var(--bg-hover, #1e293b)}.row-icon{font-size:14px;color:var(--text-secondary, #64748b);width:16px;flex-shrink:0}[data-theme=dark] .row-icon{color:var(--text-secondary, #94a3b8)}.row-label{min-width:140px;font-size:13px;color:var(--text-secondary, #64748b);font-weight:500}[data-theme=dark] .row-label{color:var(--text-secondary, #94a3b8)}.row-value{flex:1;font-size:13px;color:var(--text-primary, #1e293b);font-weight:500;word-break:break-word}[data-theme=dark] .row-value{color:var(--text-primary, #f1f5f9)}.row-value.primary{color:var(--primary-color, #3b82f6);font-weight:600}.row-value.code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;background:var(--bg-code, #f1f5f9);padding:2px 6px;border-radius:4px;border:1px solid var(--border-light, #e2e8f0)}[data-theme=dark] .row-value.code{background:var(--bg-code, #1e293b);border-color:var(--border-light, #334155)}.row-value.address{font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-value.status{font-weight:600;text-transform:capitalize}.row-value.status.online{color:#22c55e}.row-value.status.offline{color:#ef4444}.row-value.status.moving{color:#22c55e}.row-value.status.stationary,.row-value.status.stopped{color:#f59e0b}.row-value.status.idle{color:#6b7280}@media (max-width: 768px){.summary-metrics .metric-box{padding:8px}.metric-icon{width:28px;height:28px;font-size:14px}.metric-value{font-size:12px}.metric-label{font-size:10px}.row-label{min-width:100px;font-size:12px}.row-value{font-size:12px}.data-row{gap:8px}}@media (max-width: 480px){.fleet-summary-header{flex-direction:column;align-items:flex-start;gap:8px}.data-row{flex-wrap:wrap}.row-label{min-width:auto;width:100%}.row-value{width:100%;margin-left:28px}}[data-theme=dark] .fleet-section-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a}[data-theme=dark] .summary-metrics .metric-box:hover{box-shadow:0 4px 12px #3b82f633}.vehicle-photo-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--bg-secondary, #f8fafc);border-radius:8px;border:2px dashed var(--border-color, #e2e8f0);transition:all .2s ease}[data-theme=dark] .vehicle-photo-container{background:var(--bg-secondary, #1e293b);border-color:var(--border-color, #334155)}.vehicle-photo{max-width:100%;max-height:300px;border-radius:6px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease;cursor:pointer}.vehicle-photo:hover{transform:scale(1.02)}[data-theme=dark] .vehicle-photo{box-shadow:0 4px 12px #0000004d}.photo-error{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary, #64748b);padding:24px}[data-theme=dark] .photo-error{color:var(--text-secondary, #94a3b8)}.photo-error-icon{font-size:24px;opacity:.5}.update-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-title{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.commands-content{padding:8px}.command-card{border-radius:12px;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:var(--bg-secondary);overflow:hidden;position:relative}.command-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.command-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light, #40a9ff));opacity:0;transition:opacity .3s ease}.command-card:hover:before{opacity:1}.command-card .ant-card-body{padding:16px}.command-item{display:flex;align-items:center;gap:12px}.command-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark, #096dd9));color:#fff;font-size:18px;box-shadow:0 2px 8px #1890ff33;transition:all .3s ease}.command-card:hover .command-icon{transform:scale(1.05);box-shadow:0 4px 12px #1890ff4d}.command-icon.stop-icon{background:linear-gradient(135deg,#ff4d4f,#cf1322);box-shadow:0 2px 8px #ff4d4f33}.command-card:hover .command-icon.stop-icon{box-shadow:0 4px 12px #ff4d4f4d}.command-icon.start-icon{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 2px 8px #52c41a33}.command-card:hover .command-icon.start-icon{box-shadow:0 4px 12px #52c41a4d}.command-info{flex:1}.command-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3;transition:color .2s ease}.command-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;transition:color .2s ease}.command-card:hover .command-title{color:var(--primary-color)}.command-card:hover .command-desc{color:var(--text-primary)}.live-tracking-content{padding:8px}.live-status-card{border-radius:12px;border:1px solid var(--border-color)}.live-status-header{display:flex;align-items:center;gap:8px}.trip-card{border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.trip-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-color)}[data-theme=dark] .info-card{background:var(--bg-secondary);border-color:var(--border-primary)}[data-theme=dark] .info-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .stat-item{background:var(--bg-tertiary)}[data-theme=dark] .stat-item:hover{background:var(--bg-hover)}[data-theme=dark] .command-card{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:0 1px 4px #0000001a}[data-theme=dark] .command-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #00000026;background:var(--bg-hover)}[data-theme=dark] .command-card:before{background:linear-gradient(90deg,var(--primary-color),#40a9ff)}[data-theme=dark] .command-icon{box-shadow:0 2px 8px #1890ff26}[data-theme=dark] .command-card:hover .command-icon{box-shadow:0 4px 12px #1890ff40}[data-theme=dark] .command-icon.stop-icon{box-shadow:0 2px 8px #ff4d4f26}[data-theme=dark] .command-card:hover .command-icon.stop-icon{box-shadow:0 4px 12px #ff4d4f40}[data-theme=dark] .command-icon.start-icon{box-shadow:0 2px 8px #52c41a26}[data-theme=dark] .command-card:hover .command-icon.start-icon{box-shadow:0 4px 12px #52c41a40}[data-theme=dark] .live-status-card{background:var(--bg-secondary);border-color:var(--border-primary)}@media (max-width: 768px){.resizable-bottom-panel{left:0!important;max-height:50vh}.info-grid,.packet-details{grid-template-columns:1fr}.stat-item,.command-item{flex-direction:column;text-align:center;gap:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-card,.command-card,.trip-card{animation:fadeInUp .3s ease-out}.command-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}.stat-item:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.resizable-bottom-panel{position:static;box-shadow:none;border:1px solid #000}.resize-handle,.minimize-button{display:none}.command-card{break-inside:avoid}}.floating-playback-panel{position:absolute!important;top:20px!important;left:20px!important;z-index:1050!important;width:420px!important;max-width:calc(100% - 40px)!important;background:var(--bg-primary)!important;border-radius:12px!important;box-shadow:0 8px 32px #0003!important;border:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;-webkit-user-select:none!important;user-select:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.floating-playback-panel.dragging{cursor:grabbing!important;transform-origin:center!important;transition:none!important}.floating-playback-panel.minimized{width:390px!important}.floating-playback-panel .playback-card{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:12px!important}.floating-playback-panel .playback-card .ant-card-head{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;border-radius:12px 12px 0 0!important;padding:8px 16px!important;min-height:auto!important;cursor:grab!important}.floating-playback-panel .playback-card .ant-card-head:active{cursor:grabbing!important}.floating-playback-panel .playback-card .ant-card-head-title{padding:0!important;font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.floating-playback-panel .playback-card .ant-card-body{padding:16px!important;background:var(--bg-primary)!important;border-radius:0 0 12px 12px!important}.playback-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.title-section{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important}.title-icon{color:var(--primary-color)!important;font-size:16px!important}.title-text{font-weight:600!important;color:var(--text-primary)!important;font-size:14px!important}.header-actions{display:flex!important;align-items:center!important;gap:4px!important}.drag-handle{color:var(--text-secondary)!important;font-size:14px!important;cursor:grab!important;padding:4px!important;border-radius:4px!important;transition:all .2s ease!important}.drag-handle:hover{color:var(--primary-color)!important;background:var(--bg-hover)!important}.drag-handle:active{cursor:grabbing!important}.playback-content{display:flex!important;flex-direction:column!important;gap:16px!important}.progress-section{display:flex!important;flex-direction:column!important;gap:8px!important}.playback-progress .ant-progress-inner{background:var(--bg-secondary)!important;border-radius:3px!important}.playback-progress .ant-progress-bg{background:linear-gradient(90deg,var(--primary-color),var(--primary-light))!important;border-radius:3px!important;transition:all .3s ease!important}.progress-info{display:flex!important;justify-content:space-between!important;align-items:center!important}.progress-text{font-size:12px!important;font-weight:500!important;color:var(--text-secondary)!important}.time-text{font-size:12px!important;font-weight:500!important;color:var(--text-primary)!important;font-family:Courier New,monospace!important}.timeline-section{display:flex!important;flex-direction:column!important;gap:8px!important}.section-label{font-size:12px!important;color:var(--text-primary)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.timeline-slider{margin:0!important}.timeline-slider .ant-slider-rail{background:var(--bg-secondary)!important;height:6px!important}.timeline-slider .ant-slider-track{background:linear-gradient(90deg,var(--primary-color),var(--primary-light))!important;height:6px!important}.timeline-slider .ant-slider-handle{border:3px solid var(--primary-color)!important;background:var(--bg-primary)!important;width:18px!important;height:18px!important;margin-top:-6px!important;box-shadow:0 2px 8px #1890ff4d!important;border-radius:100px}:where(.css-dev-only-do-not-override-1odpy5d).ant-slider .ant-slider-handle:after{width:12px!important;height:12px!important}:where(.css-dev-only-do-not-override-1odpy5d).ant-slider .ant-slider-handle:hover:after,:where(.css-dev-only-do-not-override-1odpy5d).ant-slider .ant-slider-handle:active:after,:where(.css-dev-only-do-not-override-1odpy5d).ant-slider .ant-slider-handle:focus:after{width:14px!important;height:14px!important}.timeline-slider .ant-slider-handle:hover,.timeline-slider .ant-slider-handle:focus{border-color:var(--primary-light)!important;box-shadow:0 4px 16px #1890ff66!important}.playback-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:12px!important;background:var(--bg-secondary)!important;border-radius:8px!important;border:1px solid var(--border-color)!important}.control-buttons{display:flex!important;align-items:center!important;gap:8px!important}.control-buttons .ant-btn{border-radius:6px!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.control-buttons .ant-btn:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:var(--primary-bg-light)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1890ff33!important}.control-buttons .ant-btn:active{transform:translateY(0)!important}.control-buttons .ant-btn:disabled{border-color:var(--border-color)!important;color:var(--text-disabled)!important;background:var(--bg-disabled)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.play-button{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:50%!important;font-size:18px!important;box-shadow:0 4px 16px #1890ff4d!important}.play-button:hover{background:var(--primary-light)!important;border-color:var(--primary-light)!important;transform:scale(1.05)!important;box-shadow:0 6px 20px #1890ff66!important}.play-button:active{transform:scale(.98)!important}.speed-control{display:flex!important;align-items:center!important;gap:8px!important}.speed-label{font-size:12px!important;color:var(--text-primary)!important;white-space:nowrap!important}.speed-select .ant-select-selector{background:var(--bg-primary)!important;border-color:var(--border-color)!important;border-radius:4px!important;font-size:12px!important}.speed-select .ant-select-selector:hover{border-color:var(--primary-color)!important}.speed-select .ant-select-selection-item{color:var(--text-primary)!important;font-weight:500!important}.location-info{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;background:var(--bg-secondary)!important;border-radius:8px!important;border:1px solid var(--border-color)!important}.info-row{display:flex!important;align-items:center!important;gap:8px!important}.info-icon{color:var(--primary-color)!important;font-size:14px!important;width:16px!important;text-align:center!important}.info-text{font-size:13px!important;color:var(--text-primary)!important;font-weight:500!important}.address-row{margin-top:4px!important;padding-left:24px!important}.address-text{font-size:12px!important;color:var(--text-secondary)!important;line-height:1.4!important;word-break:break-word!important}@media (max-width: 768px){.floating-playback-panel{width:350px!important;max-width:calc(100vw - 20px)!important}.floating-playback-panel.minimized{width:280px!important}.playback-controls{flex-direction:column!important;gap:12px!important}.control-buttons,.speed-control{justify-content:center!important}.header-actions{gap:2px!important}.title-section{gap:6px!important}.title-text{font-size:13px!important}}@media (max-width: 480px){.floating-playback-panel{width:300px!important;max-width:calc(100vw - 10px)!important}.floating-playback-panel.minimized{width:250px!important}.playback-card .ant-card-body{padding:12px!important}.playback-content{gap:12px!important}.control-buttons .ant-btn{width:32px!important;height:32px!important}.play-button{width:36px!important;height:36px!important;font-size:16px!important}}[data-theme=dark] .floating-playback-panel{--bg-primary: #1f1f1f !important;--bg-secondary: #2a2a2a !important;--bg-hover: #3a3a3a !important;--bg-disabled: #404040 !important;--text-primary: #ffffff !important;--text-secondary: #b0b0b0 !important;--text-disabled: #666666 !important;--border-color: #404040 !important;--primary-color: #1890ff !important;--primary-light: #40a9ff !important;--primary-bg-light: rgba(24, 144, 255, .1) !important;box-shadow:0 8px 32px #0006!important}[data-theme=dark] .floating-playback-panel .playback-progress .ant-progress-inner,[data-theme=dark] .floating-playback-panel .timeline-slider .ant-slider-rail{background:#333!important}[data-theme=light] .floating-playback-panel,.floating-playback-panel{--bg-primary: #ffffff !important;--bg-secondary: #e9e3e3 !important;--bg-hover: #f0f0f0 !important;--bg-disabled: #f5f5f5 !important;--text-primary: #000000 !important;--text-secondary: #666666 !important;--text-disabled: #bfbfbf !important;--border-color: #d9d9d9 !important;--primary-color: #1890ff !important;--primary-light: #40a9ff !important;--primary-bg-light: rgba(24, 144, 255, .1) !important}.floating-playback-panel *{transition:color .2s ease,background-color .2s ease,border-color .2s ease!important}.floating-playback-panel ::-webkit-scrollbar{width:4px!important}.floating-playback-panel ::-webkit-scrollbar-track{background:var(--bg-secondary)!important}.floating-playback-panel ::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:2px!important}.floating-playback-panel ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}.device-track-container{position:relative;width:100%;height:calc(100vh - 90px);overflow:hidden;background:var(--bg-primary);color:var(--text-primary);border-radius:8px;box-shadow:var(--shadow-sm)}.device-track-map-container{width:100%;height:100%;background:var(--bg-secondary);border-radius:0}.device-track-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:var(--bg-primary);color:var(--text-primary)}.device-track-error{display:flex;align-items:center;justify-content:center;height:100vh;padding:24px;background:var(--bg-primary);color:var(--text-primary)}.device-track-error .ant-card{max-width:400px;text-align:center;background:var(--bg-secondary);border-color:var(--border-color)}@keyframes mapSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.device-track-container>div[style*="position: fixed"]{animation:mapSlideIn .5s cubic-bezier(.25,.46,.45,.94)}.device-track-container.fullscreen{z-index:9999}.device-track-container.fullscreen .device-track-map-container{inset:0!important}@media (max-width: 768px){.device-track-loading,.device-track-error{padding:16px}}.device-track-status-bar,.device-track-container>div[style*="position: fixed"]{transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.device-track-status-bar .ant-typography-title{color:var(--text-color, #000000d9)!important;font-size:13px!important;margin:0!important}[data-theme=dark] .device-track-status-bar .ant-typography-title{color:var(--text-color-dark, #ffffffd9)!important}.device-track-status-bar .ant-typography-text{color:var(--text-color-secondary, #00000073)!important;font-size:12px!important}[data-theme=dark] .device-track-status-bar .ant-typography-text{color:var(--text-color-secondary-dark, #ffffff73)!important}.device-track-loading .ant-typography,.device-track-error .ant-typography{color:var(--text-color, #000000d9)!important}[data-theme=dark] .device-track-loading .ant-typography,[data-theme=dark] .device-track-error .ant-typography{color:var(--text-color-dark, #ffffffd9)!important}.device-track-header .ant-btn{transition:all .2s ease}.device-track-header .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .device-track-header .ant-btn:hover{box-shadow:0 2px 8px #ffffff0d}.device-track-container *{box-sizing:border-box}.device-track-container>div[style*="position: fixed"]{will-change:transform,left,right,bottom;contain:layout style paint}.device-track-header:focus-within{outline:2px solid var(--primary-color, #1890ff);outline-offset:2px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.device-track-header{border-bottom-width:.5px}}.device-track-container.fullscreen{animation:slideToFullscreen .3s ease-out}@keyframes slideToFullscreen{0%{transform:scale(.98);opacity:.9}to{transform:scale(1);opacity:1}}[data-theme=dark] .gm-style .gm-style-iw-c{background:#1f2937!important;border-radius:12px!important;box-shadow:0 10px 25px #0000004d!important;border:1px solid #4b5563!important}[data-theme=dark] .gm-style .gm-style-iw-d{overflow:hidden!important}[data-theme=dark] .gm-style .gm-style-iw-t:after{background:#1f2937!important;border:1px solid #4b5563!important;border-top:none!important;border-left:none!important}[data-theme=dark] .gm-style .gm-style-iw-chr{background:transparent!important;border:transparent}[data-theme=dark] .gm-ui-hover-effect>span{background:#fff!important}[data-theme=dark] .mapboxgl-popup-close-button{background-color:transparent;border:0;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-radius:0 3px 0 0;cursor:pointer;top:0;color:#fff;font-size:22px;position:absolute;right:-95px}[data-theme=light] .mapboxgl-popup-close-button{background-color:transparent;border:0;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-radius:0 3px 0 0;cursor:pointer;top:0;color:#000;font-size:22px;position:absolute;right:-95px}.mapboxgl-popup-content{background:none!important}[data-theme=light] .gm-ui-hover-effect>span{background:#000!important}[data-theme=light] .gm-style .gm-style-iw-c{background:#fff!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;border:1px solid #e5e7eb!important}[data-theme=light] .gm-style .gm-style-iw-t:after{background:#fff!important;border:1px solid #e5e7eb!important;border-top:none!important;border-left:none!important}[data-theme=light] .gm-style .gm-style-iw-chr{background:#f8f9fa!important;border-radius:50%!important;border:1px solid #e5e7eb!important}[data-theme=light] .gm-style .gm-style-iw-chr>div{background:#6b7280!important;opacity:.8!important}[data-theme=light] .gm-style .gm-style-iw-chr:hover{background:#e5e7eb!important}[data-theme=light] .gm-style .gm-style-iw-chr:hover>div{opacity:1!important}.users-page{padding:2rem;max-width:100%;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title p{color:var(--text-secondary);margin:0;font-size:1rem}.users-page .btn,.user-add-page .btn,.user-edit-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.users-page .btn svg,.user-add-page .btn svg,.user-edit-page .btn svg{width:18px;height:18px;flex-shrink:0}.users-page .btn-primary,.user-add-page .btn-primary,.user-edit-page .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.users-page .btn-primary:hover,.user-add-page .btn-primary:hover,.user-edit-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb40}.users-page .btn-secondary,.user-add-page .btn-secondary,.user-edit-page .btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.users-page .btn-secondary:hover,.user-add-page .btn-secondary:hover,.user-edit-page .btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.users-page .btn-danger,.user-add-page .btn-danger,.user-edit-page .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.users-page .btn-danger:hover,.user-add-page .btn-danger:hover,.user-edit-page .btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444440}.users-page .btn:disabled,.user-add-page .btn:disabled,.user-edit-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;position:relative}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.alert-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7}.alert-close:hover{opacity:1}.users-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.search-section{flex:1;min-width:300px}.search-box{position:relative;max-width:400px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filter-section{display:flex;align-items:center;gap:.75rem}.filter-select,.sort-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-select:focus,.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.sort-order-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sort-order-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sort-order-btn svg{width:18px;height:18px}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-count{color:var(--text-primary);font-weight:600;font-size:.875rem}.bulk-buttons{display:flex;gap:.75rem}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.checkbox-label{display:flex;align-items:center;cursor:pointer;position:relative}.checkbox-label input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox-label:hover .checkbox-custom{border-color:var(--primary-color)}.users-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 4px 20px #00000014;position:relative}.users-table-container:after{content:"👈 Scroll to see more";position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;white-space:nowrap}@media (max-width: 1400px){.users-table-container:after{opacity:.8}}.users-table{width:100%;min-width:1200px;border-collapse:collapse}.users-table th{padding:1rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.875rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;position:relative}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;padding-right:2.5rem}.users-table th.sortable:hover{background:var(--bg-hover)}.users-table th.sortable svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.6;transition:opacity .2s ease}.users-table th.sortable:hover svg{opacity:1}.users-table td{padding:.5rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.users-table .checkbox-column{width:50px;padding:1rem .75rem}.users-table .user-id{width:80px}.users-table .user-username,.users-table .user-email{min-width:150px}.users-table .user-status,.users-table .user-api{width:80px;text-align:center}.users-table .user-expires,.users-table .user-registration,.users-table .user-login{width:120px}.users-table .user-privileges{width:100px}.users-table .user-ip{width:120px}.users-table .user-sub-acc,.users-table .user-objects,.users-table .user-email-limit,.users-table .user-sms-limit,.users-table .user-webhook-limit,.users-table .user-api-limit,.users-table .user-markers,.users-table .user-alerts,.users-table .user-routes,.users-table .user-zones{width:70px;text-align:center}.users-table .user-actions{width:80px;text-align:center}.users-table tbody tr{transition:background-color .2s ease}.users-table tbody tr:hover{background:var(--bg-secondary)}.users-table tbody tr.inactive{opacity:.6}.users-table tbody tr:last-child td{border-bottom:none}.user-id{font-weight:600;color:var(--text-muted);font-family:JetBrains Mono,monospace}.user-avatar{padding:.5rem 1rem}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-username strong{color:var(--text-primary);font-weight:600}.user-name{color:var(--text-primary)}.user-email{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.8125rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background:#22c55e1a;color:#059669}.status-badge.inactive{background:#6b72801a;color:#6b7280}.user-actions{align-items:center;gap:.5rem}.user-actions .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.user-actions .action-btn svg{width:16px;height:16px}.edit-btn:hover{background:#2563eb1a;color:var(--primary-color);border-color:var(--primary-color)}.delete-btn:hover{background:#ef44441a;color:#dc2626;border-color:#dc2626}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px}.pagination-info{color:var(--text-secondary);font-size:.875rem;margin:0 1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 25px 50px #00000026;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-small{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content{padding:2rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.user-form{padding:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500!important}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;position:relative;background:var(--bg-primary);transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.delete-warning{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.delete-warning svg{width:48px;height:48px;color:#dc2626}.delete-warning p{margin:0;color:var(--text-primary)}.warning-text{color:var(--text-secondary)!important;font-size:.875rem!important}[data-theme=dark] .users-table-container{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .modal{box-shadow:0 25px 50px #00000080}[data-theme=dark] .status-badge.active{background:#22c55e33;color:#10b981}[data-theme=dark] .status-badge.inactive{background:#6b728033;color:#9ca3af}[data-theme=dark] .alert-error{background:#ef444433;color:#f87171;border-color:#ef44444d}[data-theme=dark] .search-box input{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .search-box input:focus{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary)}[data-theme=dark] .filter-select,[data-theme=dark] .sort-select{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .sort-select:focus{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 0 3px #2563eb33}[data-theme=dark] .checkbox-custom{background:var(--bg-secondary);border-color:#fff3}@media (max-width: 1024px){.users-page{padding:1.5rem}.users-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-controls{flex-direction:column;align-items:stretch;gap:1rem}.search-section{min-width:auto}.filter-section{justify-content:flex-start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.users-page{padding:1rem}.users-table-container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-secondary)}.users-table-container::-webkit-scrollbar{height:8px}.users-table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.users-table-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.users-table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.users-table{min-width:1200px}.users-table-container:after{opacity:1;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));font-size:.7rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-actions,.user-form,.pagination{padding:1rem}}@media (max-width: 480px){.users-page{padding:.5rem}.header-title h1{font-size:1.5rem}.btn{padding:.5rem 1rem;font-size:.8125rem}.users-table th,.users-table td{padding:.75rem 1rem}.modal-overlay{padding:1rem}}.user-form-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.user-form{max-width:100%}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:2px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:.25rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;background:var(--bg-primary)}.form-group input::placeholder{color:var(--text-muted)}.form-help{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.checkbox-group{flex-direction:row;align-items:center;gap:1rem}.checkbox-group .form-help{margin-top:0;margin-left:auto}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin 1s ease-in-out infinite}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#059669}.alert-success svg{color:#10b981}[data-theme=dark] .user-form-container{background:var(--bg-primary);border-color:#ffffff1a}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 0 3px #2563eb33}[data-theme=dark] .form-group input::placeholder{color:var(--text-muted)}.form-tabs{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.tab-header{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;min-width:fit-content}.tab-button svg{width:16px;height:16px;opacity:.6;transition:opacity .2s ease}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-button:hover svg{opacity:.8}.tab-button.active{background:var(--card-bg);color:var(--primary-color);position:relative}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color)}.tab-button.active svg{opacity:1;color:var(--primary-color)}.tab-content{padding:0}.tab-panel{padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.panel-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.panel-header p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.form-grid.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.form-grid.compact .form-group{margin-bottom:0}.form-grid.compact .form-group label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-grid.compact .form-group input,.form-grid.compact .form-group select{padding:.75rem;font-size:.875rem}.form-grid.compact .form-help{font-size:.75rem;margin-top:.375rem}.preference-sections{display:flex;flex-direction:column;gap:2.5rem}.pref-section{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color)}.pref-section h4{margin:0 0 1.25rem;color:var(--text-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pref-section h4:before{content:"";width:4px;height:16px;background:var(--primary-color);border-radius:2px}.units-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.unit-group{background:var(--card-bg);border-radius:6px;padding:1rem;border:1px solid var(--border-color)}.unit-group>label{display:block;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:.75rem}.radio-buttons{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;font-size:.875rem}.radio-label:hover{background:var(--bg-hover)}.radio-custom{width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;position:relative;transition:all .2s ease;flex-shrink:0}.radio-label input[type=radio]{display:none}.radio-label input[type=radio]:checked+.radio-custom{border-color:var(--primary-color);background:var(--primary-color)}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}@media (max-width: 768px){.tab-header{padding:0}.tab-button{padding:.875rem 1rem;font-size:.8rem}.tab-button svg{width:14px;height:14px}.tab-panel{padding:1.5rem 1rem}.form-grid.compact,.units-grid{grid-template-columns:1fr;gap:1rem}.preference-sections{gap:1.5rem}.pref-section{padding:1rem}}@media (max-width: 480px){.tab-button{flex:1;justify-content:center}.panel-header h3{font-size:1.125rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}}[data-theme=dark] .form-tabs{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .pref-section{background:#ffffff05;border-color:#ffffff1a}[data-theme=dark] .unit-group{background:#ffffff08;border-color:#ffffff1a}[data-theme=dark] .radio-label:hover{background:#ffffff0d}.form-actions-fixed{position:sticky;bottom:0;background:var(--card-bg);border-top:1px solid var(--border-color);padding:1.5rem 2rem;margin:0 -2rem -2rem;display:flex;justify-content:flex-end;gap:1rem;z-index:10;box-shadow:0 -2px 8px #00000014}[data-theme=dark] .form-actions-fixed{background:var(--bg-secondary);box-shadow:0 -2px 8px #0000004d}@media (max-width: 768px){.form-actions-fixed{padding:1rem;margin:0 -1rem -1.5rem;flex-direction:column;gap:.75rem}.form-actions-fixed button{width:100%}}.users-page .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.users-page .btn:disabled .btn-spinner{border-color:#ffffff80;border-top-color:#fffc}.form-tabs .tab-panel{padding-bottom:4rem}.form-tabs .tab-content{min-height:400px}.form-grid.compact{gap:1.5rem}.form-grid.compact .form-group{min-width:0}.checkbox-group{display:flex;align-items:flex-start;flex-direction:column}.checkbox-group .form-help{margin-top:.5rem;margin-left:2rem}.avatar-uploader{display:flex;align-items:center;gap:1rem}.avatar-dropzone{width:112px;height:112px;border-radius:50%;position:relative;overflow:hidden;border:2px dashed var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.avatar-dropzone:hover{border-color:var(--primary-color);background:var(--bg-hover)}.avatar-dropzone.drag-active{border-color:var(--primary-color);background:#2563eb14;box-shadow:0 0 0 4px #2563eb1f}.avatar-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.avatar-overlay{position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(to top,#0000008c,#0000);color:#fff;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem}.avatar-actions{display:flex;flex-direction:column;gap:.5rem}.avatar-actions .btn-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:0}.avatar-actions small{color:var(--text-muted)}[data-theme=dark] .avatar-dropzone{border-color:#ffffff26;background:#ffffff0a}[data-theme=dark] .avatar-fallback{background:linear-gradient(135deg,#ffffff0a,#ffffff05)}.profile-page{padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative;overflow-x:hidden}.profile-page .profile-bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.profile-page .bg-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg,#667eea0d,#a78bfa08);animation:floating 12s ease-in-out infinite}.profile-page .bg-circle-1{width:200px;height:200px;top:10%;right:-10%;animation-delay:0s}.profile-page .bg-circle-2{width:120px;height:120px;bottom:20%;left:-5%;animation-delay:4s}.profile-page .bg-circle-3{width:80px;height:80px;top:60%;right:20%;animation-delay:8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(90deg)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.profile-page .profile-header-card{position:relative;z-index:1;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-bottom:2rem;overflow:hidden;box-shadow:0 8px 25px #00000014;border:1px solid rgba(255,255,255,.2);animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.profile-page .profile-cover{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.profile-page .cover-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(100%) skew(-15deg)}}.profile-page .profile-main-info{display:flex;align-items:flex-end;gap:2rem;padding:2rem;position:relative;z-index:2}.profile-page .profile-avatar-container{position:relative}.profile-avatar-modern{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.8);overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #00000026}.profile-avatar-modern:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 25px 50px #0000004d}.profile-avatar-modern.drag-active{transform:scale(1.1);border-color:#10b981;box-shadow:0 0 0 4px #10b9814d}.profile-avatar-modern img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-page .avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.avatar-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.profile-avatar-modern:hover .avatar-edit-overlay{opacity:1}.profile-info{flex:1;color:#1f2937}.profile-page .profile-name{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#1f2937,#374151);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.profile-email{font-size:1.2rem;color:#6b7280;margin:0 0 1rem}.profile-page .profile-badges{display:flex;gap:.75rem}.profile-page .badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-page .badge-role{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.profile-page .badge-status.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profile-page .badge-status.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.profile-actions{display:flex;align-items:center}.btn-edit-profile{padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 20px #667eea66}.btn-edit-profile:hover{transform:translateY(-3px);box-shadow:0 15px 30px #667eea99}.btn-edit-profile.editing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 20px #ef444466}.btn-edit-profile.editing:hover{box-shadow:0 15px 30px #ef444499}.profile-page .profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;position:relative;z-index:1}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 20px #00000014;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 15px #667eea40}.stat-content{flex:1}.profile-page .stat-value{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.profile-page .stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.profile-content-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;position:relative;z-index:1}.profile-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .8s ease-out}.card-header{padding:2rem 2rem 0}.card-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.75rem}.card-header h3 svg{color:#667eea}.social-connections{padding:2rem}.connection-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-radius:12px;background:#f8fafccc;margin-bottom:1rem;transition:all .3s ease;border:1px solid rgba(226,232,240,.5);flex-wrap:wrap;gap:1rem}.connection-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.connection-info{display:flex;align-items:center;gap:1rem}.connection-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #0003}.connection-icon.google{background:linear-gradient(135deg,#4285f4,#34a853)}.connection-icon.apple{background:linear-gradient(135deg,#000,#333)}.connection-details{display:flex;flex-direction:column}.connection-name{font-weight:600;color:#1f2937;font-size:1.1rem}.connection-status{font-size:.9rem;color:#6b7280}.btn-connection{padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.btn-connection.connected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-connection.disconnected{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-connection:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.profile-form-card{grid-column:span 1}.profile-page .profile-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.profile-page .profile-tabs::-webkit-scrollbar{display:none}.profile-page .tab-btn{padding:.875rem 1.25rem;border:none;background:none;cursor:pointer;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.85rem;border-radius:8px 8px 0 0;min-height:44px;white-space:nowrap;flex-shrink:0}.profile-page .tab-btn:hover{color:#667eea;background:#667eea1a}.profile-page .tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#667eea1a}.form-content{padding:2rem}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:2.5rem}.section-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#fafafa;color:#1f2937}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db}.form-help{color:#6b7280;font-size:.85rem;font-style:italic}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151;transition:color .3s ease}.checkbox-label:hover,.radio-label:hover{color:#667eea}.checkbox-custom,.radio-custom{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .3s ease;background:#fff}.profile-page .radio-custom{border-radius:50%}.profile-page input[type=checkbox],.profile-page input[type=radio]{display:none}input[type=checkbox]:checked+.checkbox-custom,input[type=radio]:checked+.radio-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.units-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.unit-group{padding:1.5rem;border:2px solid #e5e7eb;border-radius:16px;background:#fafafa;transition:all .3s ease}.unit-group:hover{border-color:#667eea;background:#667eea0d}.unit-group label{display:flex;font-weight:700;color:#1f2937;margin-bottom:1rem;font-size:1.1rem}.message-alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideInDown .3s ease-out;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-alert.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.message-alert.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.message-icon{display:flex;align-items:center}.message-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:auto;opacity:.8;transition:opacity .3s ease}.message-close:hover{opacity:1}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.btn-save,.btn-cancel{padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;min-width:150px;justify-content:center}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 20px #10b98166}.btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #10b98199}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 10px 20px #6b728066}.btn-cancel:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6b728099}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.profile-content-grid{grid-template-columns:1fr}.social-connections-card{order:2}.profile-form-card{order:1;grid-column:span 1}}@media (max-width: 768px){.profile-page{padding:1rem}.profile-page .profile-main-info{flex-direction:column;text-align:center;gap:1rem;align-items:center}.profile-page .profile-stats-grid,.profile-page .form-grid,.profile-page .units-grid{grid-template-columns:1fr}.profile-page .form-actions{flex-direction:column}.profile-page .profile-badges{justify-content:center;margin:1rem 0}.profile-page .badge{font-size:.8rem;padding:.4rem .8rem}.profile-page .profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5e7eb;padding-bottom:0}.profile-page .tab-btn{padding:.75rem 1rem;border-radius:8px 8px 0 0;min-width:100px;justify-content:center;font-size:.75rem;border-bottom:3px solid transparent;border-left:none;flex-shrink:0}.profile-page .tab-btn.active{border-bottom-color:#667eea;border-left-color:transparent;background:#667eea26}}@media (max-width: 480px){.profile-page{padding:.75rem}.profile-page .profile-main-info{padding:1.5rem}.profile-page .profile-avatar-container{display:flex;justify-content:center}.profile-page .profile-name{font-size:1.6rem}.profile-page .profile-avatar-modern{width:80px;height:80px}.profile-page .avatar-initials{font-size:1.5rem}.profile-page .profile-badges{gap:.5rem;margin:.75rem 0}.profile-page .badge{font-size:.75rem;padding:.35rem .7rem;border-radius:16px}.profile-page .stat-card{padding:1rem}.profile-page .stat-icon{width:40px;height:40px}.profile-page .connection-item{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.profile-page .connection-info{justify-content:center}.profile-page .btn-connection{width:100%;justify-content:center}}[data-theme=dark] .profile-page{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .bg-circle{background:linear-gradient(45deg,#4755694d,#4755691a)}[data-theme=dark] .profile-header-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}[data-theme=dark] .profile-cover{background:linear-gradient(135deg,#1e293b,#475569)}[data-theme=dark] .profile-info{color:#f1f5f9}[data-theme=dark] .profile-page .profile-name{background:linear-gradient(135deg,#818cf8,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .profile-email{color:#94a3b8}[data-theme=dark] .stat-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}[data-theme=dark] .stat-value{color:#f1f5f9}[data-theme=dark] .stat-label{color:#94a3b8}[data-theme=dark] .stat-icon{background:linear-gradient(135deg,#818cf8,#a78bfa)}[data-theme=dark] .profile-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}[data-theme=dark] .card-header h3{color:#f1f5f9}[data-theme=dark] .card-header h3 svg{color:#818cf8}[data-theme=dark] .connection-item{background:#334155cc;border:1px solid rgba(71,85,105,.5)}[data-theme=dark] .connection-item:hover{background:#334155}[data-theme=dark] .connection-name{color:#f1f5f9}[data-theme=dark] .connection-status{color:#94a3b8}[data-theme=dark] .tab-btn{color:#94a3b8;border-bottom-color:#47556980}[data-theme=dark] .tab-btn:hover{color:#818cf8;background:#818cf81a}[data-theme=dark] .tab-btn.active{color:#818cf8;border-bottom-color:#818cf8;background:#818cf81a}[data-theme=dark] .section-title{color:#f1f5f9;border-bottom-color:#47556980}[data-theme=dark] .form-group label{color:#e2e8f0}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#374151;border-color:#47556980;color:#f1f5f9}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:#818cf8;background:#475569;box-shadow:0 0 0 4px #818cf81a}[data-theme=dark] .form-group input:disabled,[data-theme=dark] .form-group select:disabled{background:#1f2937;color:#6b7280;border-color:#4755694d}[data-theme=dark] .form-help{color:#94a3b8}[data-theme=dark] .checkbox-label,[data-theme=dark] .radio-label{color:#e2e8f0}[data-theme=dark] .checkbox-label:hover,[data-theme=dark] .radio-label:hover{color:#818cf8}[data-theme=dark] .checkbox-custom,[data-theme=dark] .radio-custom{border-color:#47556980;background:#374151}[data-theme=dark] input[type=checkbox]:checked+.checkbox-custom,[data-theme=dark] input[type=radio]:checked+.radio-custom{background:linear-gradient(135deg,#818cf8,#a78bfa);border-color:#818cf8}[data-theme=dark] .unit-group{border-color:#47556980;background:#374151}[data-theme=dark] .unit-group:hover{border-color:#818cf8;background:#818cf80d}[data-theme=dark] .unit-group label{color:#f1f5f9}[data-theme=dark] .message-alert.success{background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .message-alert.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}[data-theme=dark] .form-actions{border-top-color:#47556980}[data-theme=dark] .btn-edit-profile{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 10px 20px #818cf866}[data-theme=dark] .btn-edit-profile:hover{box-shadow:0 15px 30px #818cf899}[data-theme=dark] .btn-edit-profile.editing{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=dark] .btn-save{background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .btn-save:hover:not(:disabled){box-shadow:0 15px 30px #05966999}[data-theme=dark] .btn-cancel{background:linear-gradient(135deg,#475569,#334155)}[data-theme=dark] .btn-cancel:hover{box-shadow:0 15px 30px #47556999}@media (max-width: 768px){[data-theme=dark] .tab-btn{border-left-color:#47556980}[data-theme=dark] .tab-btn.active{border-left-color:#818cf8}}.languages-page{padding:2rem}.languages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.languages-page .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;text-decoration:none;white-space:nowrap}.languages-page .btn svg{width:18px;height:18px;flex-shrink:0}.languages-page .btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));box-shadow:0 6px 20px #2563eb38}.languages-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #2563eb4d}.languages-page .btn-primary:active{transform:translateY(0);box-shadow:0 6px 18px #2563eb38}.languages-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.languages-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000000f}.languages-toolbar{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem}.languages-toolbar .search-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color)}.table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);background:var(--bg-secondary)}.table-actions{display:flex;gap:.5rem}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);transition:.2s;border-radius:999px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 1px 4px #0003}input:checked+.slider{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-color:transparent}input:checked+.slider:before{transform:translate(20px)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:520px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-body{padding:1rem 1.25rem}.modal-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.languages-flag{width:34px;height:24px;object-fit:cover;border-radius:3px;border:1px solid var(--border-color)}[data-theme=dark] .slider:before{background:#111827}[data-theme=dark] .mail-template-editor .html-code-editor{background-color:#1f1f1f!important;color:#d4d4d4!important;border-color:#434343!important}[data-theme=dark] .mail-template-editor .html-syntax-highlighter{background-color:#1f1f1f;color:#d4d4d4;border-color:#434343}[data-theme=dark] .mail-template-editor .html-code-editor:focus{background-color:#2d2d2d!important;border-color:#177ddc!important}.mail-template-editor{max-width:100%;margin:0}.mail-template-editor .ant-card{box-shadow:0 2px 8px #0000001a;border-radius:8px}.mail-template-editor .ant-form-item-label>label{font-weight:600;color:#262626}.mail-template-editor .html-code-editor{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:14px!important;line-height:1.5!important;background-color:#fafafa!important;tab-size:2;white-space:pre;overflow-wrap:normal;color:#24292e}.mail-template-editor .html-code-editor:focus{background-color:#fff!important;border-color:#40a9ff!important;box-shadow:0 0 0 2px #1890ff33!important}.mail-template-editor .html-code-editor{background-image:linear-gradient(to right,transparent,transparent)}.mail-template-editor .html-syntax-highlighter{position:relative;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.5;background:#fafafa;border:1px solid #d9d9d9;border-radius:6px;padding:16px;min-height:300px;white-space:pre-wrap;overflow-wrap:break-word}.mail-template-editor .ant-tag{-webkit-user-select:none;user-select:none;transition:all .2s ease}.mail-template-editor .ant-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #1890ff4d}.mail-template-editor .preview-panel{background:#f8f9fa;border-radius:6px;padding:0}.mail-template-editor iframe{background:#fff;border-radius:4px}.mail-template-editor .ant-switch{background-color:#f5f5f5}.mail-template-editor .ant-switch-checked{background-color:#1890ff}@media (max-width: 768px){.mail-template-editor .ant-col{margin-bottom:16px}}[data-theme=dark] .mail-template-editor .html-code-editor{background-color:#1f1f1f!important;color:#d4d4d4!important}