@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100vw}:root{--accent-purple:#6366f1}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-container:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:cardSlideIn .8s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:420px;overflow:hidden;padding:3rem;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(90deg,var(--primary-blue) 0,var(--accent-purple) 50%,var(--accent-green) 100%);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.login-header p{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:500;margin:0;opacity:.8}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.input-group .MuiTextField-root{width:100%}.input-group .MuiOutlinedInput-root{font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group .MuiOutlinedInput-root:hover{box-shadow:0 4px 12px #0066ff26;transform:translateY(-1px)}.input-group .MuiOutlinedInput-root.Mui-focused{box-shadow:0 8px 25px #0066ff40;transform:translateY(-1px)}.login-button{background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-purple) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #06f6;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.login-button:hover{box-shadow:0 8px 25px #0066ff80;transform:translateY(-2px)}.login-button:hover:before{transform:translateX(100%)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.8;transform:none}.login-button:disabled:hover{box-shadow:0 4px 15px #06f6;transform:none}.MuiAlert-root{border:1px solid #ef444433}@media (max-width:480px){.login-container{padding:1rem}.login-card{border-radius:20px;padding:2rem}.login-header h1{font-size:1.75rem}.login-header p{font-size:.9rem}}@media (max-width:360px){.login-card{border-radius:16px;padding:1.5rem}.login-header h1{font-size:1.5rem}}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.input-group .MuiOutlinedInput-root.Mui-focused{animation:inputFocus .3s ease-out}.MuiAppBar-root{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--bg-primary)!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--shadow-xl)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.MuiToolbar-root{min-height:80px!important;padding:1rem 2rem!important}.header-logo{align-items:center;display:flex;gap:.75rem;margin-right:3rem}.header-logo .logo-image{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:50px!important;transition:all .3s ease!important;width:auto!important}.header-logo .logo-image:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transform:scale(1.05)}.header-logo .MuiTypography-root{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text!important;background-clip:text!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.025em!important}.header-logo .MuiSvgIcon-root{color:#ffffffe6!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem!important}.header-tabs{flex-grow:1}.MuiTab-root,.MuiTabs-root{min-height:48px!important}.MuiTab-root{border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#fffc!important;font-size:.875rem!important;font-weight:500!important;letter-spacing:.025em!important;margin-right:1rem!important;overflow:hidden!important;padding:.75rem 1.5rem!important;position:relative!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiTab-root:before{background:#ffffff1a;border-radius:.75rem;border-radius:var(--radius-lg);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.MuiTab-root:hover{background:#ffffff1a!important;color:#fff!important;transform:translateY(-1px)!important}.MuiTab-root:hover:before{opacity:1}.MuiTab-root.Mui-selected{background:#ffffff26!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fff!important}.MuiTab-root .MuiSvgIcon-root{font-size:1.25rem!important;margin-bottom:0!important;margin-right:.5rem!important}.MuiTabs-indicator{display:none!important}.user-section{align-items:center;display:flex;gap:1rem}.role-chip{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#ffffffe6!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important;transition:all .3s ease!important}.role-chip:hover{background:#fff3!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.role-chip.super-admin{background:#ef444433!important;border-color:#ef44444d!important;color:#fff!important}.role-chip.organization{background:#10b98133!important;border-color:#10b9814d!important;color:#fff!important}.user-menu-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#ffffffe6!important;padding:.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.user-menu-button:hover{background:#fff3!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;box-shadow:var(--shadow-md)!important;color:#fff!important;transform:translateY(-1px)!important}.user-info{align-items:center;color:#ffffffe6!important;display:flex;gap:.75rem}.username-text{color:#ffffffe6!important;font-size:.875rem!important;font-weight:500!important}.MuiMenu-paper{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #ffffff4d!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 25px 50px -12px #00000040!important;box-shadow:var(--shadow-2xl)!important;margin-top:.5rem!important;min-width:280px!important;overflow:hidden!important}.MuiMenu-list{padding:.5rem!important}.MuiMenuItem-root{border-radius:.75rem!important;border-radius:var(--radius-lg)!important;color:#374151!important;color:var(--gray-700)!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:.25rem!important;padding:.875rem 1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiMenuItem-root:last-child{margin-bottom:0!important}.MuiMenuItem-root:hover{background:#0066ff1a!important;color:#06f!important;color:var(--primary-blue)!important;transform:translateX(4px)!important}.MuiMenuItem-root.user-info-item{background:#0066ff0d!important;border:1px solid #0066ff1a!important;margin-bottom:.5rem!important;pointer-events:none!important}.MuiMenuItem-root.user-info-item:hover{background:#0066ff0d!important;transform:none!important}.MuiMenuItem-root.logout-item{border-top:1px solid #e0e0e04d!important;color:#ef4444!important;color:var(--accent-red)!important;margin-top:.5rem!important;padding-top:.875rem!important}.MuiMenuItem-root.logout-item:hover{background:#ef44441a!important;color:#ef4444!important;color:var(--accent-red)!important}.MuiMenuItem-root .MuiSvgIcon-root{color:inherit!important;font-size:1.25rem!important;margin-right:.75rem!important}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--bg-primary)!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;height:28px!important;width:28px!important}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-details .username{color:#1f2937!important;color:var(--gray-800)!important;font-size:.875rem!important;font-weight:600!important}.user-details .email{color:#6b7280!important;color:var(--gray-500)!important;font-size:.75rem!important}.settings-menu-item{overflow:hidden;position:relative}.settings-menu-item:before{background:linear-gradient(45deg,#0000 30%,#0066ff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.settings-menu-item:hover:before{transform:translateX(100%)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.MuiMenu-paper{animation:menuSlideIn .3s cubic-bezier(.4,0,.2,1)!important}@media (min-width:1920px){.MuiToolbar-root{min-height:90px!important;padding:1.25rem 2.5rem!important}.header-logo .logo-image{height:60px!important}.header-logo .MuiTypography-root{font-size:1.75rem!important}.MuiTab-root{font-size:1rem!important;padding:1rem 2rem!important}}@media (min-width:2560px){.MuiToolbar-root{min-height:100px!important;padding:1.5rem 3rem!important}.header-logo .logo-image{height:70px!important}.header-logo .MuiTypography-root{font-size:2rem!important}.MuiTab-root{font-size:1.125rem!important;padding:1.25rem 2.5rem!important}}@media (max-width:768px){.MuiToolbar-root{min-height:64px!important;padding:1rem!important}.header-logo{margin-right:1rem!important}.header-logo .logo-image{height:40px!important}.header-logo .MuiTypography-root{font-size:1.25rem!important}.MuiTab-root{font-size:.75rem!important;margin-right:.5rem!important;min-width:auto!important;padding:.5rem 1rem!important}.role-chip,.user-info .username-text{display:none!important}.MuiMenu-paper{min-width:240px!important}}:root{--bg-secondary:linear-gradient(135deg,#f093fb,#f5576c);--bg-success:linear-gradient(135deg,#4facfe,#00f2fe);--bg-warning:linear-gradient(135deg,#43e97b,#38f9d7);--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}.sticky-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-bottom:1px solid #fff3;box-shadow:0 4px 20px #0000001a;left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:1000}.header-content{gap:32px;margin:0 auto;max-width:1600px}.time-section{display:flex;flex-direction:column;gap:4px}.time-section h3{color:#ffffffe6;font-size:14px;font-weight:600;margin:0}.current-time{color:#fff;font-family:Inter,monospace;font-size:16px;font-weight:700}.clean-dashboard-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;overflow:hidden;width:100vw}.loading-container{height:100vh}.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;font-size:1.25rem;font-weight:500;padding:2rem;text-align:center}.earnings-sidebar::-webkit-scrollbar{width:6px}.earnings-sidebar::-webkit-scrollbar-track{background:#0000}.earnings-sidebar::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:3px}.earnings-sidebar::-webkit-scrollbar-thumb:hover{background-color:#9ca3af;background-color:var(--gray-400)}.header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);border-radius:1.5rem 1.5rem 1rem 1rem;border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-xl) var(--radius-xl);color:#fff;margin:-2rem -2rem 2rem;overflow:hidden;padding:2rem;position:relative}.header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header h2{font-size:1.1rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.25rem;opacity:.9}.current-time{color:#fffffff2;font-size:1rem;font-weight:600;opacity:1}.connection-status.disconnected:hover{background:#ef444440;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stats-summary.money-stats{grid-template-columns:1fr 1.5fr 1fr}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-item:hover:before{transform:scaleX(1)}.stat-item:hover{background:#ffffffe6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-value{color:#1f2937;color:var(--gray-800);font-size:1.875rem;font-weight:700;line-height:1;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value.money{font-size:1.5rem;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-align:center;white-space:nowrap}.stat-label.money{font-size:.7rem}.filter-section{margin-bottom:2rem}.driver-type-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem}.driver-type-filter label{display:block;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.driver-type-filter label,.driver-type-select{color:#374151;color:var(--gray-700);font-size:.875rem}.driver-type-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-weight:500;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.driver-type-select:focus{border-color:#06f;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a;outline:none}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:1rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.refresh-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.refresh-btn:hover:before{transform:translateX(100%)}.refresh-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.driver-list{height:100%;overflow-x:hidden;overflow-y:auto;padding-right:8px;scroll-behavior:smooth;scrollbar-color:#d1d5db #0000;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin;transition:all .3s ease}.driver-list::-webkit-scrollbar{width:6px}.driver-list::-webkit-scrollbar-track{background:#0000}.driver-list::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:3px}.driver-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af;background-color:var(--gray-400)}.driver-list h3{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;letter-spacing:-.025em;margin-bottom:1.5rem}.driver-card{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 6px 24px #0000000d,0 2px 12px #00000008;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.driver-card:before{background:linear-gradient(180deg,#d1d5db,#9ca3af);background:linear-gradient(180deg,var(--gray-300) 0,var(--gray-400) 100%);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .4s ease;width:6px}.driver-card:hover{background:linear-gradient(135deg,#fff,#f8fafcfa);border-color:#fffc;box-shadow:0 12px 32px #00000014,0 6px 16px #0000000d;transform:translateY(-3px) scale(1.008)}.online-driver:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--accent-green) 0,#059669 100%)}.offline-driver:before{background:linear-gradient(180deg,#9ca3af,#6b7280);background:linear-gradient(180deg,var(--gray-400) 0,var(--gray-500) 100%)}.danger-zone{background:linear-gradient(135deg,#ef444414,#ef444408);border-color:#ef444426;border-left:4px solid #ef4444;border-left:4px solid var(--accent-red)}.danger-zone:before{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--accent-red) 0,#dc2626 100%)}.ok-zone{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-color:#f59e0b26;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-yellow)}.ok-zone:before{background:linear-gradient(180deg,#f59e0b,#d97706);background:linear-gradient(180deg,var(--warning-yellow) 0,#d97706 100%)}.good-zone{background:linear-gradient(135deg,#10b98114,#10b98108);border-color:#10b98126;border-left:4px solid #10b981;border-left:4px solid var(--accent-green)}.low-earner{background:linear-gradient(135deg,#ef44440d,#ef444405);border-color:#ef44441a}.low-earner:before{background:linear-gradient(180deg,#ef4444,#dc2626);background:linear-gradient(180deg,var(--accent-red) 0,#dc2626 100%)}.medium-earner{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-color:#f59e0b1a}.medium-earner:before{background:linear-gradient(180deg,#f59e0b,#d97706);background:linear-gradient(180deg,var(--warning-yellow) 0,#d97706 100%)}.high-earner{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b9811a}.high-earner:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--accent-green) 0,#059669 100%)}.priority-badge{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--bg-secondary);border-radius:50%;font-size:.75rem;font-weight:700;height:28px;right:-8px;top:-8px;width:28px}.count-badge,.priority-badge{align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:center;position:absolute}.count-badge{background:#06f;background:var(--primary-blue);border-radius:12px;font-size:.7rem;font-weight:600;height:24px;min-width:24px;padding:0 6px;right:12px;top:12px;z-index:2}.driver-name{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-right:.5rem;width:8px}.status-indicator.online{background:#10b981;background:var(--accent-green);box-shadow:0 0 8px #10b98180}.status-indicator.offline-dot{background:#9ca3af;background:var(--gray-400)}.online-status-text{color:#10b981;color:var(--accent-green)}.offline-status-text,.online-status-text{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.offline-status-text{color:#6b7280;color:var(--gray-500)}.driver-info{justify-content:space-between;margin-bottom:.75rem}.earnings{color:#06f;color:var(--primary-blue);font-size:1.25rem;font-weight:700}.rides-count{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500}.car-info,.last-activity{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-bottom:.25rem}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.driver-card{animation:cardSlideIn .5s ease-out}.driver-card:first-child{animation-delay:.1s}.driver-card:nth-child(2){animation-delay:.15s}.driver-card:nth-child(3){animation-delay:.2s}.driver-card:nth-child(4){animation-delay:.25s}.driver-card:nth-child(5){animation-delay:.3s}.driver-list.data-refreshed{animation:listRefresh .5s ease-out}@keyframes listRefresh{0%{opacity:1}50%{opacity:.95;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.driver-card.position-changed{animation:positionSwap .8s cubic-bezier(.25,.46,.45,.94)}.driver-card.data-updated{animation:dataUpdatePulse .6s ease-in-out}@keyframes dataUpdatePulse{0%{transform:scale(1)}50%{box-shadow:0 8px 30px #0066ff4d;transform:scale(1.02)}to{transform:scale(1)}}.driver-card.earnings-increased{animation:earningsIncrease 1s ease-in-out}@keyframes earningsIncrease{0%,to{background:inherit}25%{background:linear-gradient(135deg,#10b9811a,#10b9810d);box-shadow:0 8px 30px #10b9814d}}.driver-card.earnings-decreased{animation:earningsDecrease 1s ease-in-out}@keyframes earningsDecrease{0%,to{background:inherit}25%{background:linear-gradient(135deg,#ef44441a,#ef44440d);box-shadow:0 8px 30px #ef44444d}}.driver-card.status-online{animation:statusOnline .8s ease-in-out}.driver-card.status-offline{animation:statusOffline .8s ease-in-out}.main-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:2rem;overflow-x:hidden;overflow-y:auto;padding:2rem}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:100%;width:100%}@media (max-width:1400px){.analytics-grid{gap:1.5rem;grid-template-columns:1fr}}.assignment-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;transition:all .3s ease}.assignment-section:hover{background:#ffffffe6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.assignment-section h3{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;letter-spacing:-.025em;margin-bottom:1.5rem}canvas{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:.75rem;border-radius:var(--radius-lg)}.assignment-section [style*="height: 400px"]{border:1px solid #ffffff4d!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;overflow:hidden}@media (min-width:1920px){.dashboard-container{gap:32px;grid-template-columns:480px 1fr;padding:32px}.earnings-sidebar,.main-content{padding:2.5rem}.main-content{gap:2.5rem}.stat-value{font-size:2.25rem}.header h2{font-size:1.75rem}}@media (min-width:2560px){.dashboard-container{gap:40px;grid-template-columns:560px 1fr;padding:40px}.earnings-sidebar{padding:3rem}.main-content{gap:3rem;padding:3rem}.stat-value{font-size:2.5rem}.header h2{font-size:2rem}.assignment-section h3{font-size:1.5rem}}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#0066ff4d;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#0066ff80}.status-item{text-align:center}.status-value{font-size:24px;line-height:1}.status-label{color:#ffffffe6;font-weight:500;margin-top:4px}.compact-controls{display:flex;gap:8px;margin-bottom:16px}.compact-filter{background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:6px 12px;transition:all .3s ease}.compact-filter:hover{background:#fff;border-color:#06f;border-color:var(--primary-blue)}.compact-refresh{background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);border:none;border-radius:8px;box-shadow:0 2px 8px #0066ff4d;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .3s ease}.compact-refresh:hover{box-shadow:0 4px 12px #06f6;transform:scale(1.05)}.top-stats-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fafaffe6);border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:2rem;padding:24px}.driver-rank{align-items:center;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);border-radius:10px;box-shadow:0 2px 8px #0066ff4d;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.driver-info-section{display:flex;flex-direction:column;gap:4px;min-width:0}.driver-name-row{margin-bottom:2px}.driver-name{color:var(--gray-800);font-size:16px;font-weight:600;margin:0}.driver-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.driver-status-badge.online{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.driver-status-badge.offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.driver-details{align-items:center;display:flex;gap:8px}.driver-details,.driver-rides-info{color:#4b5563;color:var(--gray-600);font-size:12px}.driver-rides-info{font-weight:500}.active-rides{color:#f59e0b;color:var(--accent-orange);font-size:12px;font-weight:600}.driver-earnings-section{align-items:flex-end;display:flex;flex-direction:column;gap:2px;text-align:right}.driver-earnings{color:#111827;color:var(--gray-900);font-size:20px;font-weight:700;margin:0}.zone-indicator{font-size:14px;margin-left:6px;transition:all .3s ease}.driver-card:hover .zone-indicator{transform:scale(1.1)}.assignment-section [style*=height],.assignment-section canvas{box-sizing:border-box;max-width:100%!important}.assignment-section [style*="height: 400px"]{position:relative}.danger-zone .count-badge{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--accent-red),#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.ok-zone .count-badge{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-yellow),#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.good-zone .count-badge{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green),#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.driver-status-overview{align-items:center;display:flex;gap:24px}.status-item{align-items:center;display:flex;flex-direction:column;gap:2px}.status-value{color:#fff;font-size:20px;font-weight:700}.status-value.online{color:#10b981}.status-value.offline{color:#ef4444}.status-label{color:#fffc;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.driver-list.auto-scrolling{scroll-behavior:smooth}.earnings-indicator{animation:bounceEarnings 1.2s ease-in-out;font-size:20px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:10}.earnings-indicator.earnings-up{animation:bounceUp 1.5s ease-in-out;color:#10b981}.earnings-indicator.earnings-down{animation:bounceDown 1.5s ease-in-out;color:#ef4444}@keyframes bounceUp{0%{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:1;transform:translateY(-5px) scale(1.2)}40%{transform:translateY(2px) scale(.9)}60%{transform:translateY(-2px) scale(1.05)}80%{transform:translateY(0) scale(.95)}to{opacity:.8;transform:translateY(0) scale(1)}}@keyframes bounceDown{0%{opacity:0;transform:translateY(-20px) scale(.5)}20%{opacity:1;transform:translateY(5px) scale(1.2)}40%{transform:translateY(-2px) scale(.9)}60%{transform:translateY(2px) scale(1.05)}80%{transform:translateY(0) scale(.95)}to{opacity:.8;transform:translateY(0) scale(1)}}.driver-card.position-changed{animation:positionSwap 1.5s cubic-bezier(.175,.885,.32,1.275)}@keyframes positionSwap{0%{box-shadow:0 6px 24px #0000000d,0 2px 12px #00000008;transform:translateX(0) scale(1)}25%{background:linear-gradient(135deg,#667eea1a,#764ba20d);box-shadow:0 12px 32px #00000026,0 6px 16px #0000001a;transform:translateX(-20px) scale(1.05)}50%{background:linear-gradient(135deg,#667eea26,#764ba214);box-shadow:0 16px 40px #0003,0 8px 20px #00000026;transform:translateX(20px) scale(1.08)}75%{box-shadow:0 10px 28px #0000001a,0 4px 14px #00000014;transform:translateX(-10px) scale(1.03)}to{box-shadow:0 6px 24px #0000000d,0 2px 12px #00000008;transform:translateX(0) scale(1)}}.driver-card.earnings-increased{animation:earningsUp 1.2s ease-out}.driver-card.earnings-decreased{animation:earningsDown 1.2s ease-out}@keyframes earningsUp{0%{background:linear-gradient(135deg,#fffffffa,#f8fafcf2)}30%{background:linear-gradient(135deg,#10b98133,#10b9811a);box-shadow:0 8px 32px #10b9814d,0 4px 16px #10b98133;transform:scale(1.02)}to{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);transform:scale(1)}}@keyframes earningsDown{0%{background:linear-gradient(135deg,#fffffffa,#f8fafcf2)}30%{background:linear-gradient(135deg,#ef444433,#ef44441a);box-shadow:0 8px 32px #ef44444d,0 4px 16px #ef444433;transform:scale(.98)}to{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);transform:scale(1)}}.driver-card.status-online{animation:statusOnline 1s ease-out}.driver-card.status-offline{animation:statusOffline 1s ease-out}@keyframes statusOnline{0%{border-color:#ef44444d}50%{border-color:#10b981cc;box-shadow:0 0 20px #10b98166}to{border-color:#10b9814d}}@keyframes statusOffline{0%{border-color:#10b9814d}50%{border-color:#ef4444cc;box-shadow:0 0 20px #ef444466}to{border-color:#ef44444d}}.driver-card.data-updated{animation:dataUpdate .8s ease-out}@keyframes dataUpdate{0%{background:linear-gradient(135deg,#fffffffa,#f8fafcf2)}50%{background:linear-gradient(135deg,#6366f11a,#6366f10d);box-shadow:0 6px 28px #6366f133}to{background:linear-gradient(135deg,#fffffffa,#f8fafcf2)}}.driver-avatar-marker{background:#0000!important;border:none!important;position:relative!important;z-index:1000!important}.avatar-container{cursor:pointer;position:relative!important;transition:all .3s ease;z-index:1001!important}.avatar-container:hover{box-shadow:0 4px 12px #0006!important;transform:scale(1.1);z-index:1002!important}.professional-avatar-marker>div{transition:transform .2s ease}.professional-avatar-marker:hover>div{transform:scale(1.05)}.driver-info-card{animation:slideIn .2s ease-out}.optimal-dashboard-layout{background:#0000!important;display:grid;grid-template-columns:20% 25% 55%;height:calc(100vh - 80px);left:0;position:fixed;top:80px;width:100vw}.stats-chart-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-right:1px solid #fff3;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.stats-section{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem}.section-title{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.stat-card{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem;text-align:center}.stat-number{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.2rem}.stat-label{color:#fffc;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.chart-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid #ffffff40;border-radius:12px;box-shadow:0 4px 16px #0000001a;flex:1 1;max-height:calc(100vh - 200px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.chart-section::-webkit-scrollbar{width:6px}.chart-section::-webkit-scrollbar-track{background:#0000}.chart-section::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.chart-section::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.chart-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.chart-summary{color:#fffffff2;font-size:.75rem;font-weight:500;line-height:1.4;margin-bottom:1rem;text-shadow:0 1px 2px #0000001a}.chart-wrapper{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #9ca3af4d;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;height:420px;overflow:hidden;padding:1rem;position:relative}.chart-wrapper:after{border-radius:8px;bottom:0;box-shadow:inset 0 1px 3px #1f29371a;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.drivers-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-right:1px solid #fff3;display:flex;flex-direction:column}.drivers-header-section{background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem}.driver-filter{-webkit-appearance:none;appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #ffffff80;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.5rem;outline:none;padding:.75rem 2.5rem .75rem .75rem;transition:all .3s ease;width:100%}.driver-filter:hover{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.driver-filter:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.drivers-scroll-area{flex:1 1;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;padding:.5rem;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.drivers-scroll-area::-webkit-scrollbar{width:6px}.drivers-scroll-area::-webkit-scrollbar-track{background:#0000}.drivers-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.drivers-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.mini-driver-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease-in-out,background-color .5s ease}.mini-driver-card:hover{background:#fff3;transform:translateX(4px)}.mini-driver-card.danger-zone{background:linear-gradient(135deg,#ef444440,#dc262633);border:1px solid #ef444466;border-left:4px solid #ef4444}.mini-driver-card.danger-zone:hover{background:linear-gradient(135deg,#ef444459,#dc26264d);border-color:#ef444499}.mini-driver-card.danger-zone .mini-driver-name{color:#fef2f2;font-weight:700}.mini-driver-card.danger-zone .mini-driver-status{color:#fef2f2e6}.mini-driver-card.danger-zone .mini-driver-zone{color:#fef2f2!important;font-weight:700}.mini-driver-info{align-items:center;display:flex;gap:.75rem}.mini-driver-avatar{border:2px solid;border-radius:50%;height:32px;object-fit:cover;width:32px}.mini-driver-initial{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.mini-driver-details{flex:1 1;min-width:0}.mini-driver-name{color:#fff;font-size:.8rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-driver-status{align-items:center;color:#fffc;display:flex;font-size:.7rem;gap:.3rem}.status-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.status-dot.online{background:#10b981}.status-dot.offline{background:#ef4444}.map-column{flex-direction:column;overflow:hidden}.map-column,.map-container-wrapper{background:#0000!important;display:flex;position:relative}.map-container-wrapper{flex:1 1;flex-direction:column;height:100%}.map-title-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:.75rem 1rem;position:relative;z-index:10}.map-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.map-controls-info{color:#64748b;font-size:.75rem}.clean-map-container{flex:1 1;height:100%;position:relative;width:100%;z-index:1}.leaflet-container{height:100%;width:100%}.leaflet-container,.leaflet-tile{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.leaflet-tile{filter:none}@media (max-width:1400px){.optimal-dashboard-layout{grid-template-columns:25% 30% 45%}}@media (max-width:1200px){.optimal-dashboard-layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto;position:relative;top:0}.map-column{height:60vh}}.driver-avatar{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:50%;flex-shrink:0;height:36px;margin-right:12px;object-fit:cover;width:36px}.driver-name-row{align-items:center;display:flex;gap:8px}.driver-name-info{flex:1 1;min-width:0}.driver-card:hover .driver-avatar{border-color:#06f;border-color:var(--primary-blue);box-shadow:0 2px 8px #0066ff4d;transform:scale(1.05)}.danger-zone .driver-avatar{border-color:#ef4444;border-color:var(--accent-red)}.ok-zone .driver-avatar{border-color:#f59e0b;border-color:var(--warning-yellow)}.good-zone .driver-avatar{border-color:#10b981;border-color:var(--accent-green)}.mini-driver-card.updating{animation:dataUpdate .8s ease-out}.mini-driver-card.zone-changed{animation:zoneChange 1s ease-in-out}.mini-driver-card.earnings-updated{animation:earningsUpdate .8s ease-in-out}@keyframes zoneChange{0%{transform:scale(1)}50%{background:#3b82f61a;box-shadow:0 0 20px #3b82f680;transform:scale(1.05)}to{transform:scale(1)}}@keyframes earningsUpdate{0%{transform:scale(1)}25%{background:#3b82f61a;box-shadow:0 8px 16px #3b82f64d;transform:scale(1.03)}75%{background:#3b82f60d;transform:scale(1.01)}to{background:#ffffff1a;transform:scale(1)}}.status-badge{border-radius:10px;display:inline-block;font-size:.65em;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.status-badge.online{background:#10b98133;border:1px solid #10b9814d}.status-badge.offline{background:#ef444433;border:1px solid #ef44444d}.users-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.users-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.users-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.users-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);display:flex;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0}.users-header p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;margin:.5rem 0 0}.add-user-btn{align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#6366f1,#06f 50%,#10b981);background:linear-gradient(135deg,var(--secondary-purple) 0,var(--primary-blue) 50%,var(--accent-green) 100%);background-size:200% 200%;border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 25px #6366f166,0 4px 15px #0066ff4d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;gap:.75rem;letter-spacing:.1em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.add-user-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .8s ease}.add-user-btn:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.add-user-btn:hover:before{transform:translateX(100%)}.add-user-btn:hover:after{height:300px;width:300px}.add-user-btn:hover{background:linear-gradient(135deg,#6366f1,#3385ff 50%,#10b981);background:linear-gradient(135deg,var(--secondary-purple) 0,var(--primary-blue-light) 50%,var(--accent-green) 100%);box-shadow:0 12px 35px #6366f199,0 8px 25px #06f6,0 4px 15px #10b9814d;transform:translateY(-4px) scale(1.02)}.add-user-btn:active{transform:translateY(-2px) scale(1.01);transition:all .2s ease}.users-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.MuiTableBody-root .MuiTableRow-root:hover{background:#6366f10d!important}.status-chip.super_admin{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--accent-red)}.status-chip.organization_user{background:#0066ff1a;border:1px solid #06f3;color:#06f;color:var(--primary-blue)}@media (min-width:1920px){.users-container,.users-header{padding:2.5rem}.users-header h1{font-size:2.25rem}}@media (min-width:2560px){.users-container,.users-header{padding:3rem}.users-header h1{font-size:2.5rem}}@media (max-width:768px){.users-container{padding:1rem}.users-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.users-header h1{font-size:1.75rem}.action-buttons{gap:.25rem}.action-button{height:32px;width:32px}.MuiDialog-paper{margin:1rem!important;max-width:calc(100vw - 2rem)!important;min-width:auto!important}.MuiTableContainer-root{border-radius:1rem!important;border-radius:var(--radius-xl)!important}.MuiTableHead-root .MuiTableCell-root{font-size:.75rem!important;padding:1rem .5rem!important}.MuiTableBody-root .MuiTableCell-root{font-size:.875rem!important;padding:.75rem .5rem!important}}.organizations-container{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.organizations-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.organizations-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.organizations-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);display:flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;margin:0}.organizations-header p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;margin:.5rem 0 0}.add-organization-btn{align-items:center;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);background-size:200% 200%;border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 25px #06f6,0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;gap:.75rem;letter-spacing:.1em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.add-organization-btn:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .8s ease}.add-organization-btn:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.add-organization-btn:hover:before{transform:translateX(100%)}.add-organization-btn:hover:after{height:300px;width:300px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.add-organization-btn:hover{background:linear-gradient(135deg,#3385ff,#6366f1 50%,#10b981);background:linear-gradient(135deg,var(--primary-blue-light) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);box-shadow:0 12px 35px #06f9,0 8px 25px #6366f166,0 4px 15px #10b9814d;transform:translateY(-4px) scale(1.02)}.add-organization-btn:active{transform:translateY(-2px) scale(1.01);transition:all .2s ease}.organizations-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.MuiTable-root,.MuiTableContainer-root{background:#0000!important}.MuiTableHead-root{background:#fffc!important}.MuiTableHead-root .MuiTableCell-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--bg-primary)!important;border:none!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.05em!important;padding:1.5rem 1rem!important;text-transform:uppercase!important}.MuiTableBody-root .MuiTableRow-root{transition:all .2s ease!important}.MuiTableBody-root .MuiTableRow-root:hover{background:#0066ff0d!important}.MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid #e0e0e04d!important;color:#374151!important;color:var(--gray-700)!important;font-weight:500!important;padding:1rem!important}.status-chip{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-chip.active{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--accent-green)}.status-chip.inactive{background:#9ca3af1a;border:1px solid #9ca3af33;color:#6b7280;color:var(--gray-500)}.status-chip.connected{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--accent-green)}.status-chip.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--accent-orange)}.status-chip.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--accent-red)}.action-buttons{gap:.5rem}.action-button,.action-buttons{align-items:center;display:flex}.action-button{border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;height:36px;justify-content:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.action-button.view{background:#0066ff1a;border:1px solid #06f3;color:#06f;color:var(--primary-blue)}.action-button.view:hover{background:#06f3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-button.edit{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--accent-orange)}.action-button.edit:hover{background:#f59e0b33;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-button.delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--accent-red)}.action-button.delete:hover{background:#ef444433;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.MuiDialog-paper{min-width:500px!important}.MuiDialogTitle-root{align-items:center!important;display:flex!important;gap:.75rem!important}.dialog-form-group{margin-bottom:1.5rem}.dialog-form-group .MuiTextField-root{width:100%}.dialog-form-group .MuiOutlinedInput-root{background:#fffc;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.dialog-form-group .MuiOutlinedInput-root:hover{background:#ffffffe6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dialog-form-group .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 0 0 3px #0066ff1a}.MuiFormControlLabel-root{color:#374151!important;color:var(--gray-700)!important;font-weight:500!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#10b981!important;color:var(--accent-green)!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#10b981!important;background-color:var(--accent-green)!important;opacity:.5!important}.loading-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:4rem}.loading-content{color:#374151;color:var(--gray-700)}@media (min-width:1920px){.organizations-container,.organizations-header{padding:2.5rem}.organizations-header h1{font-size:2.25rem}}@media (min-width:2560px){.organizations-container,.organizations-header{padding:3rem}.organizations-header h1{font-size:2.5rem}}@media (max-width:768px){.organizations-container{padding:1rem}.organizations-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.organizations-header h1{font-size:1.75rem}.action-buttons{gap:.25rem}.action-button{height:32px;width:32px}.MuiDialog-paper{margin:1rem!important;max-width:calc(100vw - 2rem)!important;min-width:auto!important}.MuiTableContainer-root{border-radius:1rem!important;border-radius:var(--radius-xl)!important}.MuiTableHead-root .MuiTableCell-root{font-size:.75rem!important;padding:1rem .5rem!important}.MuiTableBody-root .MuiTableCell-root{font-size:.875rem!important;padding:.75rem .5rem!important}}:root{--warning-yellow:#f59e0b}body{font-feature-settings:"cv02","cv03","cv04","cv11";color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:0}.settings-container,body{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);min-height:100vh}.settings-container{margin:0 auto;max-width:1200px;padding:2rem}.connection-status{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.25rem;position:fixed;right:2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.connection-status.connected{background:#10b98126;border-color:#10b98166;color:#10b981;color:var(--accent-green)}.connection-status.connected:hover{background:#10b98140;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.connection-status.disconnected{animation:pulseDisconnected 2s infinite;background:#ef444426;border-color:#ef444466;color:#ef4444;color:var(--accent-red)}@keyframes pulseDisconnected{0%,to{opacity:1}50%{opacity:.7}}.settings-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.settings-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.settings-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);display:flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;margin-bottom:.5rem}.settings-header p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;margin:0}.settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:2rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.settings-card h2{font-size:1.5rem;gap:.75rem;margin-bottom:1.5rem}.settings-card h2,.settings-card h3{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-weight:600}.settings-card h3{font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.status-indicator{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.status-indicator.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--accent-green)}.status-indicator.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--accent-orange)}.status-indicator.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--accent-red)}.form-group{margin-bottom:1.5rem}.form-group .MuiTextField-root{width:100%}.form-group .MuiOutlinedInput-root{background:#fffc;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group .MuiOutlinedInput-root:hover{background:#ffffffe6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.form-group .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 0 0 3px #0066ff1a}.settings-button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;overflow:hidden;padding:.875rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-button:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.settings-button:hover:before{transform:translateX(100%)}.settings-button:hover{transform:translateY(-2px)}.settings-button.primary{background:linear-gradient(135deg,#06f,#6366f1);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 100%);box-shadow:0 4px 15px #06f6;color:#fff}.settings-button.primary:hover{box-shadow:0 8px 25px #0066ff80}.settings-button.secondary{background:rgba(#E5E7EB,.5);background:rgba(var(--gray-200),.5);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.settings-button.secondary:hover{background:#e5e7eb;background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400)}.settings-button.success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-green) 0,#059669 100%);box-shadow:0 4px 15px #10b98166;color:#fff}.settings-button.success:hover{box-shadow:0 8px 25px #10b98180}.settings-button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--accent-orange) 0,#d97706 100%);box-shadow:0 4px 15px #f59e0b66;color:#fff}.settings-button.warning:hover{box-shadow:0 8px 25px #f59e0b80}.settings-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-button:disabled:hover{box-shadow:none;transform:none}.button-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.token-info{background:#ffffffb3;border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.5rem}.token-info h4{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.token-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.token-detail{background:#fffc;border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--radius-lg);padding:.75rem}.token-detail label{color:#4b5563;color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.token-detail span{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-weight:500;word-break:break-all}.settings-divider{background:linear-gradient(90deg,#0000,#9ca3af4d 30%,#06f 50%,#9ca3af4d 70%,#0000);background:linear-gradient(90deg,#0000 0,#9ca3af4d 30%,var(--primary-blue) 50%,#9ca3af4d 70%,#0000 100%);border:none;border-radius:1px;height:2px;margin:2rem 0;overflow:hidden;position:relative}.settings-divider:before{background:linear-gradient(90deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform 2s ease}.settings-card:hover .settings-divider:before{transform:scaleX(1)}@keyframes statusSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.status-indicator{animation:statusSlideIn .6s ease-out;overflow:hidden;position:relative}.status-indicator:before{border-radius:0 .75rem .75rem 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.status-indicator:hover:before{width:8px}.status-indicator.success:before{background:#10b981;background:var(--accent-green)}.status-indicator.warning:before{background:#f59e0b;background:var(--accent-orange)}.status-indicator.error:before{background:#ef4444;background:var(--accent-red)}.settings-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.settings-card:hover:before{background:linear-gradient(90deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);height:6px}.token-info{overflow:hidden;position:relative}.token-info:before{background:linear-gradient(90deg,#06f,#6366f1);background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-purple) 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.token-info:hover:before{transform:scaleX(1)}.token-detail{overflow:hidden;position:relative}.token-detail:before{background:#06f;background:var(--primary-blue);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.token-detail:hover:before{transform:scaleY(1)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);display:flex;justify-content:center;margin:1rem 0;overflow:hidden;padding:3rem;position:relative}.loading-overlay:before{animation:loadingShimmer 2s infinite;background:linear-gradient(90deg,#0000,#0066ff1a 50%,#0000);bottom:0;content:"";left:-100%;position:absolute;right:0;top:0}.MuiAlert-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem!important;border-radius:var(--radius-lg)!important;margin-bottom:1rem}.MuiAlert-standardSuccess{background:#10b9811a!important;border:1px solid #10b98133!important}.MuiAlert-standardError{background:#ef44441a!important;border:1px solid #ef444433!important}.MuiAlert-standardWarning{background:#f59e0b1a!important;border:1px solid #f59e0b33!important}.MuiDialog-paper{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #ffffff4d!important;border-radius:1.5rem!important;border-radius:var(--radius-2xl)!important;box-shadow:0 25px 50px -12px #00000040!important;box-shadow:var(--shadow-2xl)!important}.MuiDialogTitle-root{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--bg-primary)!important;border-radius:1.5rem 1.5rem 0 0!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;color:#fff!important;font-weight:600!important;margin:-24px -24px 0!important;padding:1.5rem 2rem!important}.MuiDialogContent-root{padding:2rem!important}.MuiDialogActions-root{gap:1rem!important;padding:1rem 2rem 2rem!important}@media (min-width:1920px){.settings-card,.settings-container,.settings-header{padding:2.5rem}.settings-header h1{font-size:2.25rem}}@media (min-width:2560px){.settings-card,.settings-container,.settings-header{padding:3rem}.settings-header h1{font-size:2.5rem}}@media (max-width:768px){.settings-container{padding:1rem}.settings-card,.settings-header{padding:1.5rem}.settings-header h1{font-size:1.75rem}.button-group{flex-direction:column}.token-details{grid-template-columns:1fr}}.statistics-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px;width:100%}.statistics-loading{align-items:center;color:#fff;display:flex;flex-direction:column;height:60vh;justify-content:center}.statistics-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content,.header-left{align-items:center;display:flex;gap:16px}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:48px!important}.header-icon,.header-title{-webkit-text-fill-color:#0000}.header-title{background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-weight:700!important}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.period-selector{min-width:150px}.export-btn{border-radius:12px!important;box-shadow:0 4px 16px #0000001a!important;font-weight:600!important;padding:8px 20px!important;text-transform:none!important;transition:all .3s ease!important}.excel-btn{background:linear-gradient(135deg,#10b981,#059669)!important}.excel-btn:hover{box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)!important}.pdf-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.pdf-btn:hover{box-shadow:0 6px 20px #ef444466!important;transform:translateY(-2px)!important}.no-data-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid #ffffff4d!important;border-radius:20px!important;box-shadow:0 8px 32px #0000001a!important;padding:40px 24px!important;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:24px}.no-data-icon{color:#9ca3af;font-size:80px!important}.no-data-title{color:#1f2937;font-weight:600!important}.no-data-description{color:#6b7280;margin:0 auto;max-width:500px}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 4px 16px #667eea4d!important;color:#fff!important;font-weight:600!important;padding:12px 32px!important;text-transform:none!important;transition:all .3s ease!important}.generate-btn:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-2px)!important}.stats-overview{margin-bottom:32px}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid #ffffff4d!important;border-radius:16px!important;box-shadow:0 8px 32px #00000014!important;overflow:hidden;position:relative;transition:all .3s ease!important}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 40px #00000026!important;transform:translateY(-4px)!important}.earnings-card:before{background:linear-gradient(90deg,#10b981,#059669)}.rides-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.drivers-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.rating-card:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-header h6{color:#6b7280;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.stat-icon{color:#9ca3af;font-size:24px!important}.stat-value{color:#1f2937!important;font-weight:700!important;margin-bottom:8px!important}.stat-change{font-size:12px!important;font-weight:500!important}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.charts-section{margin-bottom:32px}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid #ffffff4d!important;border-radius:16px!important;box-shadow:0 8px 32px #00000014!important;height:400px;transition:all .3s ease!important}.chart-card:hover{box-shadow:0 12px 40px #0000001f!important;transform:translateY(-2px)!important}.chart-title{align-items:center;color:#1f2937!important;display:flex;font-weight:600!important;gap:8px;margin-bottom:16px!important}.chart-container{height:300px;position:relative}.chart-container canvas{border-radius:12px}.rankings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border:1px solid #ffffff4d!important;border-radius:16px!important;box-shadow:0 8px 32px #00000014!important}.rankings-title{align-items:center;color:#1f2937!important;display:flex;font-weight:600!important;gap:8px;margin-bottom:24px!important}.rankings-table{border-radius:12px!important;box-shadow:none!important;overflow:hidden}.rankings-table .MuiTableHead-root{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.rankings-table .MuiTableHead-root .MuiTableCell-root{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.driver-row{transition:all .3s ease!important}.driver-row:hover{background:linear-gradient(135deg,#667eea0d,#764ba208)!important;transform:scale(1.01)}.rank-chip{border-radius:8px!important;font-weight:700!important}.rank-chip.rank-1{background:linear-gradient(135deg,gold,#ffed4e)!important;color:#92400e!important}.rank-chip.rank-2{background:linear-gradient(135deg,silver,#d1d5db)!important;color:#374151!important}.rank-chip.rank-3{background:linear-gradient(135deg,#cd7f32,#d97706)!important;color:#fff!important}.rank-chip.rank-other{background:linear-gradient(135deg,#e5e7eb,#f3f4f6)!important;color:#6b7280!important}.driver-info{align-items:center;display:flex;gap:12px}.driver-avatar{border:2px solid #e5e7eb;height:40px!important;transition:all .3s ease;width:40px!important}.driver-row:hover .driver-avatar{border-color:#667eea;transform:scale(1.1)}.driver-name{color:#1f2937;font-weight:600!important}.earnings-value{color:#10b981!important;font-weight:700!important}.rating-container{align-items:center;display:flex;gap:8px}.rating-value{color:#6b7280;font-weight:500!important}.performance-chip{border-radius:8px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.performance-chip.excellent{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.performance-chip.good{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.performance-chip.average{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.performance-chip.poor{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}@media (max-width:768px){.statistics-container{padding:16px}.header-content{align-items:stretch;flex-direction:column}.header-controls{justify-content:center}.chart-card{height:350px}.chart-container{height:250px}.rankings-table{font-size:12px}.driver-info{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.header-title{font-size:1.5rem!important}.stat-card{text-align:center}.stat-value{font-size:1.5rem!important}.chart-card{height:300px}.chart-container{height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chart-card,.rankings-card,.stat-card{animation:fadeInUp .6s ease-out}.stat-card:first-child{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}.chart-card,.rankings-card,.stat-card,.statistics-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border:1px solid #fff3!important}.rankings-table .MuiTableContainer-root::-webkit-scrollbar{height:8px;width:8px}.rankings-table .MuiTableContainer-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rankings-table .MuiTableContainer-root::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.rankings-table .MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.tv-display{flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100vw}.tv-display,.tv-loading{background-color:#fff;display:flex;height:100vh}.tv-loading{align-items:center;justify-content:center}.tv-loading h2{color:#374151;font-size:32px;font-weight:600}.tv-header{background-color:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;flex-shrink:0;gap:16px;justify-content:space-between;padding:8px 24px}.tv-header,.tv-stat-card{align-items:center;display:flex}.tv-stat-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:2px;padding:6px 16px}.tv-stat-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tv-stat-value{color:#111827;font-size:18px;font-weight:700}.tv-stat-value.online{color:#10b981}.tv-stat-value.offline{color:#ef4444}.tv-stat-value.earnings{color:#06f}.tv-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.tv-time{font-feature-settings:"tnum";color:#111827;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.tv-connection{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:600;gap:6px}.tv-status-dot{animation:pulse 2s ease-in-out infinite;background-color:#ef4444;border-radius:50%;height:8px;width:8px}.tv-status-dot.connected{background-color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tv-content{flex:1 1;overflow:hidden}.tv-content,.tv-drivers-section{background-color:#fff;display:flex}.tv-drivers-section{flex:1 1;flex-direction:column;position:relative}.tv-drivers-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.tv-drivers-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.tv-map-toggle-btn{background-color:#06f;border:none;border-radius:6px;box-shadow:0 2px 4px #06f3;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.tv-map-toggle-btn:hover{background-color:#0052cc;box-shadow:0 4px 8px #0066ff4d;transform:translateY(-1px)}.tv-map-toggle-btn:active{box-shadow:0 1px 2px #06f3;transform:translateY(0)}.tv-drivers-grid{grid-gap:4px;align-content:start;background-color:#fff;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(3,1fr);overflow-x:hidden;overflow-y:auto;padding:6px}.tv-drivers-grid::-webkit-scrollbar{width:6px}.tv-drivers-grid::-webkit-scrollbar-track{background:#f3f4f6}.tv-drivers-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.tv-drivers-grid::-webkit-scrollbar-thumb:hover{background:#6b7280}.tv-driver-card{align-items:center;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:3px;height:-webkit-fit-content;height:fit-content;max-width:100%;min-width:0;padding:4px;transition:all .3s ease}.tv-driver-card:hover{border-color:#06f;box-shadow:0 4px 12px #0066ff26;transform:translateY(-2px)}.tv-driver-card.good-zone{border-top:4px solid #10b981}.tv-driver-card.ok-zone{border-top:4px solid #f59e0b}.tv-driver-card.danger-zone{border-top:4px solid #ef4444}.tv-driver-avatar{flex-shrink:0}.tv-avatar-img{border:1.5px solid;border-radius:50%;height:28px;object-fit:cover;width:28px}.tv-avatar-initial{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.tv-driver-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}.tv-driver-name{color:#111827;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tv-driver-zone{font-size:7px;font-weight:700;margin-bottom:0}.tv-driver-status{align-items:center;display:flex;gap:2px;justify-content:center}.status-badge{border-radius:3px;font-size:7px;font-weight:600;padding:1px 4px}.status-badge.online{background-color:#d1fae5;color:#10b981}.status-badge.offline{background-color:#fee2e2;color:#ef4444}.tv-driver-stats{align-items:center;display:flex;flex-direction:column;gap:2px;width:100%}.tv-driver-earnings{font-size:10px;font-weight:700;line-height:1.1}.tv-driver-rides{color:#6b7280;font-size:7px;font-weight:500;line-height:1.1}.tv-resize-handle{align-items:center;background-color:#e5e7eb;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:background-color .2s;width:8px}.tv-resize-handle:hover{background-color:#06f}.tv-resize-handle-line{background-color:#9ca3af;border-radius:2px;height:40px;width:2px}.tv-resize-handle:hover .tv-resize-handle-line{background-color:#fff}.tv-map-section{flex-direction:column;flex-shrink:0;position:relative}.tv-map-header,.tv-map-section{background-color:#f9fafb;display:flex}.tv-map-header{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 20px}.tv-map-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.tv-map-info{color:#6b7280;font-size:12px;font-weight:500}.tv-map{background-color:#e5e7eb;flex:1 1;height:100%;min-height:400px;position:relative;width:100%}.professional-avatar-marker{background:#0000;border:none}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 12px #00000026;padding:5px}.leaflet-popup-content{font-family:Inter,sans-serif;margin:10px 12px}@media (max-width:1600px){.tv-stat-value,.tv-time{font-size:16px}.tv-driver-card{padding:8px}.tv-driver-name{font-size:12px}.tv-driver-earnings{font-size:14px}.tv-avatar-img,.tv-avatar-initial{height:45px;width:45px}.tv-avatar-initial{font-size:20px}}@media (max-width:1366px){.tv-drivers-section{width:45%}.tv-map-section{width:55%}.tv-drivers-grid{grid-template-columns:repeat(2,1fr)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.tv-driver-card{animation:slideIn .3s ease-out}:root{--primary-blue:#06f;--primary-blue-light:#3385ff;--primary-blue-dark:#0052cc;--secondary-purple:#6366f1;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:linear-gradient(135deg,#667eea,#764ba2);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}.app-layout{font-feature-settings:"cv02","cv03","cv04","cv11";color:#1f2937;color:var(--gray-800);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.main-content{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);flex-grow:1;overflow:hidden;position:relative}.main-content:before{background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 40%),radial-gradient(circle at 40% 80%,#6366f11a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.super-admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);min-height:100vh;padding:3rem 2rem;position:relative}.super-admin-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.super-admin-header:before{background:linear-gradient(90deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.super-admin-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#06f,#6366f1 50%,#10b981);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-purple) 50%,var(--accent-green) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:-.025em;margin-bottom:1rem}.super-admin-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.25rem;font-weight:500;margin:0}.super-admin-welcome{color:#6b7280;color:var(--gray-500);font-size:1rem;font-weight:400;margin-top:.5rem}.dashboard-background,.organization-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);min-height:100vh;position:relative}.dashboard-background{overflow:hidden}.dashboard-background:before{background:radial-gradient(circle at 25% 25%,#ffffff26 0,#0000 50%),radial-gradient(circle at 75% 75%,#6366f11a 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b9810d 0,#0000 50%)}.dashboard-background:after,.dashboard-background:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dashboard-background:after{background-image:linear-gradient(45deg,#ffffff05 25%,#0000 0),linear-gradient(-45deg,#ffffff05 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff05 0),linear-gradient(-45deg,#0000 75%,#ffffff05 0);background-position:0 0,0 30px,30px -30px,-30px 0;background-size:60px 60px;opacity:.5}.dashboard-content{position:relative;z-index:1}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;position:relative}.loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);overflow:hidden;padding:3rem;position:relative;text-align:center}.loading-content:before{animation:loadingShimmer 2s infinite;background:linear-gradient(90deg,#0000,#0066ff1a 50%,#0000);bottom:0;content:"";left:-100%;position:absolute;right:0;top:0}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}.loading-text{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:0}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.not-found-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:500px;padding:3rem;text-align:center;width:100%}.not-found-title{color:#ef4444;color:var(--accent-red);font-size:2rem;font-weight:700;margin-bottom:1rem}.not-found-description{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:2rem}.debug-info{background:#0000000d;border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem;text-align:left}.debug-title{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.debug-item{color:#4b5563;color:var(--gray-600);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin-bottom:.25rem}@media (min-width:1920px){.super-admin-dashboard,.super-admin-header{padding:4rem 3rem}.super-admin-title{font-size:3.5rem}.super-admin-subtitle{font-size:1.5rem}}@media (min-width:2560px){.super-admin-dashboard,.super-admin-header{padding:5rem 4rem}.super-admin-title{font-size:4rem}.super-admin-subtitle{font-size:1.75rem}}@media (max-width:768px){.super-admin-dashboard{padding:2rem 1rem}.super-admin-header{margin-bottom:2rem;padding:2rem 1.5rem}.super-admin-title{flex-direction:column;font-size:2rem;gap:.5rem}.super-admin-subtitle{font-size:1rem}.loading-content,.not-found-content{margin:1rem;padding:2rem}.not-found-title{font-size:1.5rem}}.App{padding:0;width:100vw}.App,body{height:100vh;margin:0}body{background-color:#f5f5f5;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}