:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:#121212;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{background-color:#000;width:100%;max-width:402px;min-height:100vh;position:relative;overflow-x:hidden;box-shadow:0 0 50px #00000080}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}.splash-screen{z-index:1050;opacity:1;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);justify-content:center;align-items:center;transition:opacity 1s ease-in-out;display:flex;position:fixed;inset:0}.splash-logo{filter:drop-shadow(0 10px 30px #00000026);width:120px;height:auto;transition:transform 1.5s ease-in-out;transform:scale(3.5)}.splash-screen.fade-out{opacity:0}.splash-screen.fade-out .splash-logo{transform:scale(1.8)}@media (max-width:480px){.splash-logo{width:150px}}*{box-sizing:border-box;margin:0;padding:0}.login-container{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-content{flex-direction:column;align-items:center;width:100%;transition:max-width .3s;display:flex}.login-title{color:#333;letter-spacing:2px;text-align:center;margin-bottom:40px;font-size:1.5rem;font-weight:400}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-box{background:linear-gradient(135deg,#f5e6d3 0%,#f0dcc4 100%);border-radius:20px;padding:30px 25px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.watermark-logo{opacity:.15;pointer-events:none;z-index:0;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watermark-logo img{object-fit:contain;width:100%;height:100%}.input-group{z-index:1;margin-bottom:20px;position:relative}.login-input{color:#333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:none;border-radius:10px;outline:none;width:100%;padding:12px 18px;font-size:.9rem;transition:all .3s}.login-input::placeholder{color:#666;font-weight:400}.login-input:focus{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 0 0 2px #f5a6234d}.error-message{z-index:1;color:#d32f2f;text-align:center;background:#fffc;border-radius:8px;margin-top:5px;padding:6px 10px;font-size:.8rem;font-weight:500;position:relative}.login-button{color:#333;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#f5a623 0%,#f7b733 100%);border:none;border-radius:25px;width:100%;padding:15px 20px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #f5a6234d}.login-button:hover{background:linear-gradient(135deg,#f7b733 0%,#f5a623 100%);transform:translateY(-3px);box-shadow:0 8px 20px #f5a62366}.login-button:active{transform:translateY(-1px);box-shadow:0 3px 10px #f5a6234d}.menu-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.menu-svg{stroke-width:2px;width:24px;height:24px}.menu-icon{cursor:pointer;color:#333;font-size:1.3rem}.dark .menu-icon{color:#fff}.theme-toggle-btn{cursor:pointer;color:#1a1a2e;background:#f1f5f9;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000d}.theme-toggle-btn:hover{background:#e2e8f0;transform:translateY(-2px)rotate(5deg);box-shadow:0 4px 12px #0000001a}.dark .theme-toggle-btn{color:#fff;background:#2d2d44;box-shadow:0 2px 8px #0003}.dark .theme-toggle-btn:hover{background:#3a3a5a;box-shadow:0 4px 12px #0000004d}.theme-icon{width:22px;height:22px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:active .theme-icon{transform:scale(.9)}.stats-section{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px;display:grid}.stat-card{text-align:center;cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:10px;padding:15px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;box-shadow:0 4px 15px #00000014}.stat-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 30px #0000001f}.stat-card:active{transform:translateY(-2px)scale(.98)}.dark .stat-card{background:#252850}.stat-icon-wrapper{background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.dark .stat-icon-wrapper{background:#16213e;box-shadow:0 4px 10px #0003}.stat-img-icon,.income-svg{object-fit:contain;width:32px;height:32px;transition:filter .3s}.dark .stat-img-icon,.dark .income-svg{filter:invert()brightness(2)}.stat-text-icon{font-size:1.8rem;font-weight:600}.stat-info{flex-direction:column;display:flex}.stat-value{color:#333;font-size:1.4rem;font-weight:600}.dark .stat-value{color:#fff}.stat-label{color:#777;margin-top:2px;font-size:.9rem}.dark .stat-label{color:#aaa}.section-title{color:#333;margin-bottom:15px;font-size:1.1rem;font-weight:600}.dark .section-title{color:#fff}.activity-section{background:#fff;border-radius:15px;margin-bottom:25px;padding:20px;box-shadow:0 4px 15px #00000014}.dark .activity-section{background:#252850}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#f8f9fa;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 15px;transition:background .3s;display:flex}.activity-item:hover{background:#f0f1f2}.dark .activity-item{background:#ffffff0d}.dark .activity-item:hover{background:#ffffff1a}.activity-info{flex-direction:column;flex:1;gap:3px;min-width:0;padding-right:10px;display:flex}.activity-route{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;font-weight:500;overflow:hidden}.dark .activity-route{color:#fff}.activity-time{color:#888;font-size:.75rem}.dark .activity-time{color:#999}.activity-status{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:.75rem;font-weight:500}.activity-status.completed{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%)}.activity-status.pending{color:#333;background:linear-gradient(135deg,#f5a623 0%,#f7b733 100%)}.activity-status.active,.activity-status.ongoing,.activity-status.accepted{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#42a5f5 100%)}.activity-status.cancelled{color:#fff;background:linear-gradient(135deg,#f44336 0%,#ef5350 100%)}.activity-status.payment_pending,.activity-status.paymentpending{color:#fff;background:linear-gradient(135deg,#9c27b0 0%,#ab47bc 100%)}.approvals-section{background:#fff;border-radius:15px;margin-bottom:25px;padding:20px;box-shadow:0 4px 15px #00000014}.dark .approvals-section{background:#252850}.approvals-list{flex-direction:column;gap:12px;display:flex}.approval-item{background:#f8f9fa;border-radius:10px;align-items:center;gap:15px;padding:12px 15px;transition:transform .2s;display:flex}.dark .approval-item{background:#ffffff0d}.approval-avatar{color:#333;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;font-weight:600;display:flex}.dark .approval-avatar{color:#fff;background:#ffffff1a}.approval-info{flex-direction:column;flex:1;gap:2px;display:flex}.approval-name{color:#333;font-size:.95rem;font-weight:500}.dark .approval-name{color:#fff}.approval-reg{color:#888;font-size:.8rem}.dark .approval-reg{color:#999}.review-btn{color:#fff;cursor:pointer;background:#f7b733;border:none;border-radius:20px;padding:8px 25px;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #f7b7334d}.review-btn:hover{background:#f5a623;transform:translateY(-2px);box-shadow:0 6px 15px #f7b73366}.notification-popup{z-index:1000;background:#fff;border-radius:10px;padding:15px 25px;font-weight:500;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #00000026}.notification-popup.success{color:#2e7d32;border-left:5px solid #4caf50}.notification-popup.error{color:#c62828;border-left:5px solid #f44336}.dark .notification-popup{color:#fff;background:#252850}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.dashboard-container{padding:15px}.dashboard-header{padding:12px 15px}.dashboard-title{font-size:1.1rem}.stat-card{padding:15px 20px}.stat-value{font-size:1.5rem}}@media (max-width:600px){.dashboard-container{padding:12px}}@media (max-width:480px){.dashboard-container{padding:10px}.dashboard-content{max-width:100%}.dashboard-header{border-radius:12px;padding:10px 12px}.menu-icon{font-size:1.1rem}.dashboard-title{font-size:1rem}.theme-toggle{padding:6px;font-size:1.1rem}.stat-card{border-radius:12px;gap:15px;padding:12px 15px}.stat-icon{width:40px;height:40px;font-size:1.5rem}.stat-value{font-size:1.3rem}.stat-label{font-size:.8rem}.section-title{font-size:1rem}.activity-section,.approvals-section{border-radius:12px;padding:15px}.activity-item,.approval-item{padding:10px 12px}}.modal-content{flex-direction:column;gap:12px;padding:25px;display:flex}.detail-line{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.detail-label{color:#666;font-size:.9rem;font-weight:600}.detail-value{color:#333;font-size:.95rem;font-weight:500}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:12px;font-weight:600;transition:all .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drivers-detail-modal{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 15px 40px #0003}.dark .drivers-detail-modal{color:#fff;background:#252850}.modal-content{flex-direction:column;gap:25px;padding:20px;display:flex;overflow-y:auto}.driver-list-section{flex-direction:column;gap:12px;display:flex}.list-title{color:#333;border-left:4px solid #f7b733;margin:0;padding-left:5px;font-size:1rem;font-weight:600}.dark .list-title{color:#fff;border-left-color:#f7b733}.driver-list{flex-direction:column;gap:10px;display:flex}.driver-list-item{background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;transition:all .2s;display:flex}.dark .driver-list-item{background:#ffffff0d}.driver-list-item:hover{background:#f1f5f9;transform:translate(5px)}.dark .driver-list-item:hover{background:#ffffff1a}.driver-brief{flex-direction:column;gap:2px;display:flex}.driver-name{color:#333;font-size:.95rem;font-weight:600}.dark .driver-name{color:#fff}.driver-vehicle,.ride-meta{color:#666;font-size:.8rem}.dark .driver-vehicle,.dark .ride-meta{color:#aaa}.status-indicator.available{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.dark .status-indicator.available{color:#81c784;background:#4caf5026}.ride-amount{color:#4caf50;font-size:.9rem;font-weight:700}.dark .ride-amount{color:#81c784}.sidebar-menu{background:#fff;border-radius:15px;margin-bottom:20px;animation:.3s slideDown;overflow:hidden;box-shadow:0 4px 15px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu.dark{background:#252850}.sidebar-logo{border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:15px 20px;display:flex}.sidebar-menu.dark .sidebar-logo{border-bottom-color:#ffffff1a}.sidebar-logo img{object-fit:contain;width:35px;height:35px}.logo-text{color:#333;font-size:1rem;font-weight:600}.sidebar-menu.dark .logo-text{color:#fff}.logo-highlight{color:#f5a623}.sidebar-section{padding:10px 0}.section-label{color:#888;text-transform:uppercase;letter-spacing:.5px;padding:5px 20px 10px;font-size:.7rem;font-weight:600;display:block}.sidebar-menu.dark .section-label{color:#666}.sidebar-nav{color:#555;background:0 0;border:none;flex-direction:column;width:100%;height:100%;font-size:.95rem;font-weight:500;display:flex}.nav-item{text-align:left;color:#555;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:block}.sidebar-menu.dark .nav-item{color:#aaa}.nav-item:hover{color:#333;background:linear-gradient(90deg,#f5a62326 0%,#f5a6230d 100%);border-left-color:#f5a623}.sidebar-menu.dark .nav-item:hover{color:#fff;background:linear-gradient(90deg,#f5a62333 0%,#f5a6230d 100%)}.nav-item.active{color:#333;background:linear-gradient(90deg,#f5a62340 0%,#f5a62314 100%);border-left-color:#f5a623;font-weight:600}.sidebar-menu.dark .nav-item.active{color:#fff;background:linear-gradient(90deg,#f5a6234d 0%,#f5a6231a 100%)}.sidebar-bottom{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.sidebar-menu.dark .sidebar-bottom{border-top-color:#ffffff1a}.admin-info{align-items:center;gap:8px;display:flex}.admin-icon{font-size:1rem}.admin-label{color:#555;font-size:.85rem;font-weight:500}.sidebar-menu.dark .admin-label{color:#aaa}.logout-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.logout-btn:hover{color:#dc3545;background:#dc35451a}.sidebar-menu.dark .logout-btn:hover{background:#dc354533}.logout-icon{font-size:.9rem}.passengers-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border-radius:15px;padding:15px;overflow-x:auto;box-shadow:0 4px 15px #00000014}.passengers-table-container::-webkit-scrollbar{height:6px}.passengers-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.passengers-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.passengers-table-container::-webkit-scrollbar-thumb:hover{background:#aaa}.dark .passengers-table-container::-webkit-scrollbar-track{background:#2a2e46}.dark .passengers-table-container::-webkit-scrollbar-thumb{background:#4a4f78}.dark .passengers-table-container{background:#252850}.passengers-table{border-collapse:collapse;width:100%;min-width:600px}.passengers-table th{text-align:left;color:#666;border-bottom:1px solid #eee;padding:15px 10px;font-size:.9rem;font-weight:600}.dark .passengers-table th{color:#aaa;border-bottom:1px solid #3a3f64}.passengers-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:15px 10px;font-size:.95rem}.dark .passengers-table td{color:#fff;border-bottom:1px solid #3a3f64}.passengers-table tr:last-child td{border-bottom:none}.passenger-info{flex-direction:column;display:flex}.passenger-name{font-weight:500}.passenger-sub{color:#888;font-size:.8rem}.status-badge{text-transform:uppercase;border-radius:15px;padding:5px 10px;font-size:.75rem;font-weight:600}.search-container{margin-bottom:20px;position:relative}.search-input{color:#333;background:#e0e0e0;border:none;border-radius:10px;outline:none;width:100%;padding:12px 40px 12px 15px;font-size:.95rem;box-shadow:0 2px 5px #0000000d}.dark .search-input{color:#fff;background:#3a3f64}.search-icon{color:#777;pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.dark .search-icon{color:#aaa}.table-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.table-controls .search-container{flex:1;min-width:250px;margin-bottom:0}.view-toggle{background:#0000000d;border-radius:12px;gap:4px;padding:4px;display:flex}.dark .view-toggle{background:#ffffff0d}.view-toggle .view-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.dark .view-toggle .view-btn{color:#aaa}.view-toggle .view-btn.active{color:#2196f3;background:#fff;box-shadow:0 2px 8px #0000001a}.dark .view-toggle .view-btn.active{color:#fff;background:#3a3f64}.view-toggle .view-btn.trash-toggle.active{color:#f44336}.empty-state{text-align:center;color:#999;background:#00000005;border-radius:10px;margin-top:10px;padding:40px;font-style:italic}.dark .empty-state{color:#666;background:#ffffff05}.drivers-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border-radius:15px;padding:15px;overflow-x:auto;box-shadow:0 4px 15px #00000014}.drivers-table-container::-webkit-scrollbar{height:6px}.drivers-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.drivers-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.drivers-table-container::-webkit-scrollbar-thumb:hover{background:#aaa}.dark .drivers-table-container::-webkit-scrollbar-track{background:#2a2e46}.dark .drivers-table-container::-webkit-scrollbar-thumb{background:#4a4f78}.dark .drivers-table-container{background:#252850}.drivers-table{border-collapse:collapse;width:100%;min-width:600px}.drivers-table th{text-align:left;color:#666;border-bottom:1px solid #eee;padding:15px 10px;font-size:.9rem;font-weight:600}.dark .drivers-table th{color:#aaa;border-bottom:1px solid #3a3f64}.drivers-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:15px 10px;font-size:.95rem}.dark .drivers-table td{color:#fff;border-bottom:1px solid #3a3f64}.drivers-table tr:last-child td{border-bottom:none}.driver-info{flex-direction:column;display:flex}.driver-name{font-weight:500}.vehicle-info{background:#0000000d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9rem}.dark .vehicle-info{background:#ffffff1a}.status-badge.verified{color:#4caf50;background:#4caf5033}.status-badge.pending-verification{color:#ffc107;background:#ffc10733}.action-buttons{gap:10px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px;font-size:1.1rem;transition:background .2s}.action-btn:hover{background:#0000000d}.dark .action-btn:hover{background:#ffffff1a}.view-btn{color:#2196f3}.delete-btn{color:#f44336}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.review-modal{background:#fff;border-radius:20px;width:90%;max-width:450px;animation:.3s slideUp;overflow:hidden;box-shadow:0 15px 40px #0003}.dark .review-modal{color:#fff;background:#252850}.modal-header{color:#fff;background:#f7b733;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.close-modal{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.back-arrow{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1.5rem;display:flex}.modal-content{flex-direction:column;gap:12px;max-height:70vh;padding:25px;display:flex;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.dark .modal-content::-webkit-scrollbar-thumb{background:#3a3f64}.detail-line{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.dark .detail-line{border-color:#ffffff1a}.detail-line:last-child{border-bottom:none}.detail-label{color:#666;min-width:130px;font-size:.9rem;font-weight:600}.dark .detail-label{color:#aaa}.detail-value{color:#333;text-align:right;font-size:.95rem;font-weight:500}.dark .detail-value{color:#fff}.modal-input{background:#fdfdfd;border:1px solid #ddd;border-radius:6px;outline:none;flex:1;max-width:250px;padding:8px;font-size:.9rem}.dark .modal-input{color:#fff;background:#1e1e3a;border-color:#3a3a5a}textarea.modal-input{resize:vertical;min-height:60px}.modal-actions{background:#f8f9fa;grid-template-columns:1fr 1fr;gap:10px;padding:20px;display:grid}.dark .modal-actions{background:#ffffff0d}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:10px;font-size:.85rem;font-weight:600;transition:all .3s}.modal-btn.accept{color:#fff;background:#4caf50;box-shadow:0 4px 10px #4caf504d}.modal-btn.accept:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.modal-btn.reject{color:#fff;background:#f44336;box-shadow:0 4px 10px #f443364d}.modal-btn.reject:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 6px 15px #f4433666}.modal-btn.edit:hover{opacity:.9;transform:translateY(-2px)}.dashboard-wrapper{min-height:100vh;transition:all .3s}.dashboard-wrapper.dark{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.dashboard-container{background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s}.dashboard-wrapper.dark .dashboard-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.dashboard-content{box-sizing:border-box;width:100%;margin:0 auto;padding:0 12px;transition:all .3s}.dashboard-header{background:#fff;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 4px 15px #00000014}.dark .dashboard-header{background:#252850}.header-left{align-items:center;gap:15px;display:flex}.menu-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:1.4rem;transition:all .2s}.menu-btn:hover{background:#0000000d}.dark .menu-btn{color:#fff}.dark .menu-btn:hover{background:#ffffff1a}.dashboard-title{color:#333;margin:0;font-size:1.2rem;font-weight:500}.dark .dashboard-title{color:#fff}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:1.3rem;transition:background .3s}.theme-toggle:hover{background:#0000000d}.dark .theme-toggle:hover{background:#ffffff1a}.filter-bar{-webkit-overflow-scrolling:touch;background:#e0e0e0;border-radius:10px;gap:10px;margin-bottom:20px;padding:5px;display:flex;overflow-x:auto}.dark .filter-bar{background:#2a2e46}.filter-btn{color:#555;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.dark .filter-btn{color:#aaa}.filter-btn.active{color:#333;background:#fff;box-shadow:0 2px 4px #0000001a}.dark .filter-btn.active{color:#fff;background:#4a4f78}.rides-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border-radius:15px;padding:15px;overflow-x:auto;box-shadow:0 4px 15px #00000014}.rides-table-container::-webkit-scrollbar{height:6px}.rides-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.rides-table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.rides-table-container::-webkit-scrollbar-thumb:hover{background:#aaa}.dark .rides-table-container::-webkit-scrollbar-track{background:#2a2e46}.dark .rides-table-container::-webkit-scrollbar-thumb{background:#4a4f78}.dark .rides-table-container{background:#252850}.rides-table{border-collapse:collapse;width:100%;min-width:600px}.rides-table th{text-align:left;color:#666;border-bottom:1px solid #eee;padding:15px 10px;font-size:.9rem;font-weight:600}.dark .rides-table th{color:#aaa;border-bottom:1px solid #3a3f64}.rides-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:15px 10px;font-size:.9rem}.dark .rides-table td{color:#fff;border-bottom:1px solid #3a3f64}.rides-table tr:last-child td{border-bottom:none}.status-badge{text-transform:uppercase;white-space:nowrap;border-radius:15px;padding:5px 10px;font-size:.7rem;font-weight:600}.status-badge.completed{color:#4caf50;background:#4caf5033}.status-badge.on-progress{color:#e040fb;background:#e040fb33}.status-badge.pending{color:#ffc107;background:#ffc10733}.status-badge.cancelled{color:#f44336;background:#f4433633}.tariffs-table-container{background:#fff;border:1px solid #edf2f7;border-radius:12px;margin-bottom:24px;padding:24px;overflow-x:auto;box-shadow:0 4px 12px #0000000d}.dark .tariffs-table-container{background:#252850;border-color:#ffffff1a}.header-right{align-items:center;gap:20px;display:flex}.plan-type-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px;display:flex}.dark .plan-type-toggle{background:#ffffff0d;border-color:#ffffff1a}.plan-type-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.plan-type-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 4px #0000000d}.dark .plan-type-btn.active{color:#fff;background:#4f46e5}.dark .plan-type-btn{color:#94a3b8}.tariff-form-section{flex-direction:column;gap:20px;display:flex}.rental-packages-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:10px 0;padding:20px}.dark .rental-packages-section{background:#0003;border-color:#ffffff0d}.rental-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-subtitle{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.dark .section-subtitle{color:#94a3b8}.add-package-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:background .2s}.add-package-btn:hover{background:#4338ca}.rental-input-table{border-collapse:collapse;width:100%}.rental-input-table th{text-align:left;color:#64748b;border-bottom:2px solid #e2e8f0;min-width:100px;padding:8px;font-size:.75rem}.dark .rental-input-table th{color:#94a3b8;border-bottom-color:#ffffff1a}.rental-input-table td{border-bottom:1px solid #f1f5f9;padding:12px 10px}.dark .rental-input-table td{border-bottom-color:#ffffff0d}.table-input{text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:90px;padding:10px 8px;font-size:.95rem;font-weight:600;transition:all .2s}.table-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.dark .table-input{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.remove-pkg-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:all .2s;display:flex}.remove-pkg-btn:hover{color:#fff;background:#ef4444}.tariff-title{color:#1e293b;letter-spacing:-.01em;text-transform:uppercase;border-bottom:3px solid #f7b733;margin-bottom:20px;padding-bottom:12px;font-size:1.4rem;font-weight:800;display:inline-block}.dark .tariff-title{color:#fff;border-bottom-color:#f7b733}.form-grid{grid-template-columns:1fr;gap:15px;display:grid}.form-field{align-items:center;gap:12px;display:flex}.field-label{color:#4a5568;min-width:170px;font-size:.95rem;font-weight:500}.dark .field-label{color:#a0aec0}.input-wrapper{background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.dark .input-wrapper{background:#1a1a2e;border-color:#2d3748}.input-wrapper:focus-within{border-color:#f7b733;box-shadow:0 0 0 3px #f7b73333}.form-input{color:#2d3748;background:0 0;border:none;outline:none;width:100%;font-size:1.05rem;font-weight:600}.dark .form-input{color:#fff}.form-select{cursor:pointer;color:#2d3748;background:0 0;border:none;outline:none;width:100%;font-size:1.05rem;font-weight:600}.dark .form-select{color:#fff}.form-select option{color:#2d3748;background:#fff}.dark .form-select option{color:#fff;background:#1a1a2e}.time-slot-inputs{flex:1;align-items:center;gap:5px;display:flex}.checkbox-field{cursor:pointer;color:#4a5568;align-items:center;gap:10px;font-weight:500;display:flex}.dark .checkbox-field{color:#a0aec0}.form-actions{gap:15px;margin-top:20px;display:flex}.save-btn,.update-btn{text-transform:uppercase;cursor:pointer;border-radius:8px;flex:1;padding:12px;font-weight:700;transition:all .3s}.save-btn{color:#000;background:#f7b733;border:2px solid #000}.save-btn:hover{background:#e5a92a;transform:translateY(-2px)}.update-btn{color:#4a5568;background:0 0;border:2px solid #e2e8f0}.dark .update-btn{color:#a0aec0;border-color:#2d3748}.update-btn:hover{background:#0000000d}.tariff-list-section{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:30px}.dark .tariff-list-section{border-top-color:#ffffff1a}.table-responsive{background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 4px 20px #00000008}.dark .table-responsive{background:#1a1a2e;box-shadow:0 4px 20px #0003}.tariff-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.tariff-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f8fafc;border-bottom:1.5px solid #edf2f7;padding:16px 20px;font-size:.75rem;font-weight:700}.dark .tariff-table th{color:#a0aec0;background:#252850;border-bottom-color:#2d3748}.tariff-table td{color:#334155;border-bottom:1px solid #edf2f7;padding:16px 20px;font-size:.9rem;font-weight:500;transition:background .25s}.tariff-name-cell{flex-direction:column;gap:4px;display:flex}.tariff-main-name{color:#1e293b;font-size:.95rem;font-weight:600}.dark .tariff-main-name{color:#f8fafc}.plan-badge{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.plan-badge.standard{color:#0369a1;background:#e0f2fe}.plan-badge.rental{color:#92400e;background:#fef3c7}.plan-badge.outstation{color:#065f46;background:#d1fae5}.dark .plan-badge.standard{color:#7dd3fc;background:#0ea5e933}.dark .plan-badge.rental{color:#fbbf24;background:#f59e0b33}.dark .plan-badge.outstation{color:#6ee7b7;background:#10b98133}.dark .tariff-table td{color:#e2e8f0;border-bottom-color:#2d3748}.tariff-table tr:last-child td{border-bottom:none}.tariff-table tr:hover td{background:#f8fafc}.dark .tariff-table tr:hover td{background:#ffffff05}.row-actions{justify-content:center;gap:8px;display:flex}.row-action-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.dark .row-action-btn{color:#fff;background:#2d2d44;border-color:#3d444d}.row-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.row-action-btn.edit:hover{background:#f7b7330d;border-color:#f7b733}.row-action-btn.toggle:hover{background:#48bb780d;border-color:#48bb78}.row-action-btn.delete:hover{background:#f565650d;border-color:#f56565}.status-badge-mini{text-transform:uppercase;border-radius:30px;padding:6px 14px;font-size:.75rem;font-weight:700}.status-badge-mini.active{color:#059669;background:#ecfdf5}.status-badge-mini.inactive{color:#dc2626;background:#fef2f2}.dark .status-badge-mini.active{color:#34d399;background:#10b9811a}.dark .status-badge-mini.inactive{color:#f87171;background:#ef44441a}.table-input-dark{transition:all .2s;color:#fff!important;text-align:center!important;background:#333!important;border:none!important;border-radius:12px!important;width:100%!important;padding:12px 8px!important;font-size:1.1rem!important;font-weight:800!important}.table-input-dark:focus{outline:none;background:#444!important;box-shadow:0 0 0 3px #4f46e533!important}.table-input-dark::placeholder{color:#888}.time-separator{color:#4a5568;margin:0 4px;font-weight:700}.dark .time-separator{color:#a0aec0}@media (max-width:768px){.field-label{min-width:140px;font-size:.85rem}.tariff-table th,.tariff-table td{padding:12px 15px}}@media (max-width:480px){.field-label{min-width:110px;font-size:.85rem}}#root{width:100%;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}
