@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Montserrat:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-dark);background-image:linear-gradient(160deg,rgba(16,185,129,.08),transparent 38%);overflow-y:auto;position:relative;overflow-x:hidden}.login-page:before,.login-page:after{content:"";position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(90px);opacity:.12;z-index:0;pointer-events:none}.login-page:before{background:var(--accent);top:-80px;right:-60px}.login-page:after{background:var(--accent-purple);bottom:-80px;left:-60px}.login-card{width:100%;max-width:400px;background:#94a3b814;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:2.5rem 2rem;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff0f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;z-index:1}[data-theme=light] .login-card{border-color:#0f172a1a;box-shadow:0 20px 50px #0f172a1a,inset 0 1px #fff9}.register-card{max-width:520px}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h1{font-size:1.75rem;font-weight:700;color:var(--accent-green);letter-spacing:-.5px}.login-logo p{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.login-page .form-group input,.login-page .form-group select,.login-page .form-group textarea{background:#94a3b812;transition:border-color .2s,box-shadow .2s}.login-page .form-group input:focus,.login-page .form-group select:focus{box-shadow:0 0 0 3px #10b98126}.form-group select option{background:var(--bg-card)}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#fca5a5;font-size:.875rem;word-break:break-word}[data-theme=light] .error-banner{color:var(--accent-red)}[data-theme=light] .success-banner{color:var(--accent-green)}.btn-login{background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;min-height:48px}.btn-login{box-shadow:0 6px 18px #10b98140}.btn-login:hover{opacity:.9}.btn-login:active{transform:scale(.98);box-shadow:inset 0 2px 6px #00000026}.btn-login:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-footer{text-align:center;margin-top:1.5rem;font-size:.8rem;color:var(--text-muted)}.auth-switch{text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--text-secondary)}.auth-switch a{color:var(--accent);font-weight:600}.forgot-password-link{background:none;border:none;color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer;text-align:right;padding:0;margin-top:-.5rem;transition:opacity .2s;min-height:44px;display:flex;align-items:center;justify-content:flex-end}.forgot-password-link:hover{opacity:.8;text-decoration:underline}.fp-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.fp-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s ease}.fp-step-dot.active{background:var(--accent)}.fp-step-dot.current{width:24px;border-radius:4px;background:var(--accent)}.otp-input-group{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.otp-input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;font-family:var(--font-mono);background:#94a3b814;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;caret-color:var(--accent)}.otp-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}.success-banner{background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#6ee7b7;font-size:.85rem;text-align:center;margin-bottom:.5rem;word-break:break-word}.fp-success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.fp-success-icon{width:64px;height:64px;border-radius:50%;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;animation:popIn .4s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.fp-success-text{font-size:.95rem;color:var(--text-primary);text-align:center;font-weight:500}.btn-text{background:none;border:none;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:center;padding:.5rem .25rem;transition:color .2s;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-text:hover{color:var(--accent)}.btn-text:disabled{opacity:.5;cursor:not-allowed}.contact-fields-group{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#10b98108}.contact-hint,.contact-hint-inline{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary)}.contact-hint-inline{padding:.5rem .75rem;background:#10b9810f;border-radius:var(--radius-sm);border:1px dashed rgba(16,185,129,.2)}.hint-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#10b98126;color:var(--accent);font-size:.7rem;font-weight:700;flex-shrink:0}.required-dot{color:var(--accent);font-weight:700;margin-left:.2rem}.or-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.field-filled{border-color:#10b98166!important}@media (max-width: 768px){.login-page{padding:1.25rem}.register-card{max-width:100%}}@media (max-width: 520px){.login-page{align-items:center;padding:1.25rem 1rem}.login-card{padding:1.5rem 1rem;border-radius:var(--radius-lg);margin:auto 0}.login-logo h1{font-size:1.45rem}.form-row{grid-template-columns:1fr}.otp-input{width:42px;height:50px;font-size:1.3rem}.otp-input-group{gap:.35rem}.contact-fields-group{padding:.75rem}}@media (max-width: 360px){.login-page{padding:.75rem .5rem}.login-card{padding:1.25rem .85rem;border-radius:var(--radius-md)}.login-logo h1{font-size:1.3rem}.login-logo p{font-size:.78rem}.btn-login{padding:.75rem;font-size:.95rem}.otp-input{width:36px;height:44px;font-size:1.1rem}.otp-input-group{gap:.25rem}.auth-switch{font-size:.78rem}}.driver-page{min-height:100vh;background:var(--bg-dark);display:flex;flex-direction:column}.driver-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#94a3b81a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10;gap:.5rem}[data-theme=light] .driver-header{border-bottom-color:#0f172a14}.dropdown-item svg{width:18px;height:18px;color:var(--text-secondary);transition:color .2s;flex-shrink:0}.dropdown-item.logout-text svg{color:#f87171}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-left{display:flex;align-items:center;gap:.5rem;min-width:0}.header-title{font-weight:700;font-size:1rem;color:var(--accent-green);white-space:nowrap}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sync-btn{font-size:.72rem;font-weight:600;padding:.3rem .7rem;background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3);border-radius:999px;cursor:pointer;transition:opacity .2s;min-height:36px}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.driver-main{flex:1;padding:1.25rem;max-width:600px;margin:0 auto;width:100%}.welcome-section{margin-bottom:1.25rem}.welcome-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.welcome-header h2{font-size:1.3rem;font-weight:700;word-break:break-word}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.welcome-date{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.success-banner{background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#6ee7b7;font-size:.875rem;margin-bottom:1rem;word-break:break-word}.offline-banner{background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#6ee7b7;font-size:.85rem;margin-bottom:1rem}.unified-stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.85rem}.unified-stats-card.red{border-color:#ef444433}.unified-stats-card.yellow{border-color:#f59e0b33}.unified-stats-card.light-green{border-color:#10b98133}.unified-stats-card.dark-green{border-color:#0596694d}.unified-stats-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.stat-box{display:flex;flex-direction:column;gap:.35rem;min-width:0}.stat-box.align-right{text-align:right;align-items:flex-end}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;white-space:nowrap}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);line-height:1}.status-text{font-size:1.15rem;font-weight:700;font-family:var(--font-sans);white-space:nowrap}.unified-stats-card.red .stat-value:not(.status-text),.unified-stats-card.red .status-text{color:var(--accent-red)}.unified-stats-card.yellow .stat-value:not(.status-text),.unified-stats-card.yellow .status-text{color:#f59e0b}.unified-stats-card.light-green .stat-value:not(.status-text),.unified-stats-card.light-green .status-text{color:var(--accent-green)}.unified-stats-card.dark-green .stat-value:not(.status-text),.unified-stats-card.dark-green .status-text{color:#047857}.unified-progress{display:flex;flex-direction:column;gap:.6rem}.progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.progress-track{height:10px;background:var(--bg-input);border-radius:999px;overflow:hidden}.unified-stats-card.red .progress-track{background:#ef444424}.unified-stats-card.yellow .progress-track{background:#f59e0b24}.unified-stats-card.light-green .progress-track{background:#10b98124}.unified-stats-card.dark-green .progress-track{background:#05966924}.progress-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-fill.red{background:linear-gradient(90deg,#dc2626,var(--accent-red))}.progress-fill.yellow{background:linear-gradient(90deg,#d97706,#f59e0b)}.progress-fill.light-green{background:linear-gradient(90deg,#059669,var(--accent-green))}.progress-fill.dark-green{background:linear-gradient(90deg,#047857,#059669)}.progress-markers{display:flex;gap:6px}.marker{flex:1;height:4px;background:var(--bg-input);border-radius:999px;transition:background .3s}.marker.done.red{background:#ef4444}.marker.done.yellow{background:#84cc16}.marker.done.light-green{background:#34d399}.marker.done.dark-green{background:#10b981}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.add-ride-btn,.add-charge-btn{width:100%;padding:1rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:52px}.add-ride-btn{background:var(--accent-green);color:#fff}.add-charge-btn{background:#007bff;color:#fff}.add-ride-btn:hover,.add-charge-btn:hover{opacity:.92}.add-ride-btn:active,.add-charge-btn:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}@media (min-width: 480px){.modal-overlay{align-items:center;padding:1rem}}.modal-card{background:#1a1f2ee0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;max-height:min(92vh,760px);overflow-y:auto;padding:1.5rem 1.25rem 2rem;padding-bottom:calc(2rem + var(--safe-bottom, 0px));animation:slideUp .25s ease-out}[data-theme=light] .modal-card{background:#ffffffe0;border-color:#0f172a14}@media (min-width: 480px){.modal-card{border-radius:var(--radius-xl);padding-bottom:2rem}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:.5rem}.modal-header h3{font-size:1.1rem;font-weight:700;min-width:0;word-break:break-word}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ride-form{display:flex;flex-direction:column;gap:1rem}.form-actions,.modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;margin-top:.5rem}.form-row.compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-cancel{padding:.875rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;cursor:pointer;min-height:48px}.btn-submit{padding:.875rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s;min-height:48px}.driver-page{--neu-dark: rgba(0, 0, 0, .55);--neu-light: rgba(255, 255, 255, .05)}[data-theme=light] .driver-page{--neu-dark: rgba(148, 163, 184, .5);--neu-light: rgba(255, 255, 255, .95)}.driver-page .modal-card .form-group label{color:var(--text-primary);font-weight:700}.driver-page .modal-card .form-group input,.driver-page .modal-card .form-group select,.driver-page .modal-card .form-group textarea{min-height:48px;font-weight:500;box-shadow:4px 4px 10px var(--neu-dark),-4px -4px 10px var(--neu-light);transition:box-shadow .2s ease,border-color .2s ease}.driver-page .modal-card .form-group input:focus,.driver-page .modal-card .form-group select:focus,.driver-page .modal-card .form-group textarea:focus,.driver-page .modal-card .form-group input:active,.driver-page .modal-card .form-group select:active{box-shadow:inset 3px 3px 8px var(--neu-dark),inset -3px -3px 8px var(--neu-light);border-color:var(--accent)}.driver-page .trip-type-toggle{height:48px;box-shadow:3px 3px 8px var(--neu-dark),-3px -3px 8px var(--neu-light)}.driver-page .toggle-option.active{box-shadow:inset 2px 2px 6px var(--neu-dark),inset -1px -1px 3px var(--neu-light)}.driver-page .add-ride-btn,.driver-page .add-charge-btn{box-shadow:5px 5px 14px var(--neu-dark),-5px -5px 14px var(--neu-light);transition:box-shadow .15s ease,transform .12s ease}.driver-page .add-ride-btn:active,.driver-page .add-charge-btn:active{box-shadow:inset 4px 4px 10px var(--neu-dark),inset -4px -4px 10px var(--neu-light);transform:scale(.97)}.driver-page .modal-card .btn-submit,.driver-page .modal-card .btn-cancel{min-height:48px;box-shadow:4px 4px 10px var(--neu-dark),-4px -4px 10px var(--neu-light);transition:box-shadow .15s ease,transform .12s ease}.driver-page .modal-card .btn-submit:active,.driver-page .modal-card .btn-cancel:active{box-shadow:inset 3px 3px 8px var(--neu-dark),inset -3px -3px 8px var(--neu-light);transform:scale(.98)}.driver-page .modal-close{min-width:48px;min-height:48px;border-radius:var(--radius-sm);box-shadow:3px 3px 8px var(--neu-dark),-3px -3px 8px var(--neu-light)}.driver-page .modal-close:active{box-shadow:inset 2px 2px 6px var(--neu-dark),inset -2px -2px 6px var(--neu-light)}.stats-trigger-btn{width:100%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#7c3aed;color:#fff;transition:opacity .2s,transform .08s}.stats-trigger-btn:active{transform:scale(.98)}.salary-trigger-btn{width:100%;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#15803d;color:#fff;transition:opacity .2s,transform .08s}.salary-trigger-btn:active{transform:scale(.98)}.salary-trigger-btn span{margin-left:auto;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.85}.salary-modal{max-width:460px}.salary-modal-body{gap:1.1rem}.salary-modal-status{padding:2.5rem 1.25rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.salary-cycle-block{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-card2);border-radius:14px;padding:.85rem .85rem 1rem}.salary-cycle-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.salary-cycle-label{font-size:.8rem;font-weight:700;color:var(--text-primary)}.salary-cycle-status{font-size:.68rem;color:var(--text-muted)}.salary-breakdown-list{display:flex;flex-direction:column;gap:.4rem}.salary-breakdown-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name amount" "detail amount";row-gap:.05rem;padding:.4rem .5rem;background:var(--bg-input);border-radius:8px;font-size:.75rem}.salary-breakdown-name{grid-area:name;color:var(--text-primary);font-weight:600}.salary-breakdown-detail{grid-area:detail;color:var(--text-muted);font-size:.68rem}.salary-breakdown-amount{grid-area:amount;align-self:center;font-family:var(--font-mono);font-weight:700;color:var(--accent-green)}.salary-cycle-attendance{display:flex;flex-wrap:wrap;gap:.5rem .9rem;font-size:.7rem;color:var(--text-muted);padding-top:.15rem;border-top:1px solid var(--border)}.salary-cycle-attendance strong{color:var(--text-secondary)}.salary-cycle-rides{margin-left:auto}.modal-actions.salary-modal-actions{grid-template-columns:1fr 1fr;padding:0 1.25rem 1.25rem}.stats-modal{max-width:420px}.stats-modal-title{display:flex;align-items:center;gap:.5rem}.stats-modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:0 .1rem 1.25rem}.stats-modal-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:linear-gradient(155deg,var(--bg-card2),var(--bg-card));border-radius:16px;padding:1.25rem}.stats-modal-hero-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.stats-modal-hero-total{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--text-primary)}.stats-modal-progress-track{width:100%;height:8px;background:var(--bg-input);border-radius:999px;overflow:hidden;margin-top:.25rem}.stats-modal-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-green),#fbbf24);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.stats-modal-hero-footer{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.stats-modal-achievement{font-family:var(--font-mono);font-weight:700;color:var(--text-secondary);padding:.15rem .55rem;border-radius:999px}.stats-modal-achievement.et-deficit{color:#ef4444}.stats-modal-achievement.et-surplus{color:#10b981}.stats-modal-pills-row{display:flex;gap:.6rem}.stats-modal-pill{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:#94a3b81a;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:.6rem .4rem;backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%)}.stats-modal-pill-value{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.stats-modal-pill-label{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stats-modal-pill-sub{font-size:.62rem;color:var(--text-secondary)}.stats-modal-pill-gold .stats-modal-pill-value{color:#fbbf24}.stats-modal-section-title{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-.5rem}.stats-modal-pace-row{display:flex;gap:.75rem}.stats-modal-pace-tile{flex:1;background:var(--bg-card2);border-radius:12px;padding:.75rem;text-align:center}.stats-modal-pace-value{display:block;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent)}.stats-modal-pace-label{display:block;font-size:.68rem;color:var(--text-muted);margin-top:.15rem}.stats-modal-attendance-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--bg-input)}.stats-modal-seg{height:100%;transition:width .5s ease}.stats-modal-seg.full{background:var(--accent-green)}.stats-modal-seg.half{background:#f59e0b}.stats-modal-seg.leave{background:var(--accent-red)}.stats-modal-seg.holiday{background:var(--accent-blue)}.stats-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:-.75rem}.stats-modal-stat{background:var(--bg-card2);border-radius:12px;padding:.85rem;text-align:center}.stats-modal-stat-value{font-size:1.4rem;font-weight:800;font-family:var(--font-mono)}.stats-modal-stat-label{font-size:.72rem;color:var(--text-secondary);margin-top:.15rem}.stats-modal-stat.green .stats-modal-stat-value{color:var(--accent-green)}.stats-modal-stat.amber .stats-modal-stat-value{color:#f59e0b}.stats-modal-stat.red .stats-modal-stat-value{color:var(--accent-red)}.stats-modal-stat.blue .stats-modal-stat-value{color:var(--accent-blue)}.stats-modal-footer{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary)}.stats-modal-footer strong{color:var(--text-primary)}.stats-modal-actions{padding:0 1.25rem 1.25rem;grid-template-columns:1fr}.recent-section{margin-bottom:1.5rem}.section-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.rides-list{display:flex;flex-direction:column;gap:.5rem}.ride-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.875rem 1rem}.ride-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:24px;flex-shrink:0}.ride-details{flex:1;min-width:0}.ride-route{display:flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pickup{color:var(--text-primary);font-weight:500}.arrow{color:var(--text-muted)}.drop{color:var(--text-secondary)}.ride-note{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;margin-top:.35rem;padding:.25rem .55rem;border:1px solid rgba(16,185,129,.24);border-radius:999px;background:#10b9811a;color:#6ee7b7;font-size:.72rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-dot{width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:var(--accent-green)}.ride-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.company-tag,.ride-meta span{font-size:.7rem;background:#10b9811f;color:var(--accent);padding:.15rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.ride-meta span:not(.company-tag){background:var(--bg-input);color:var(--text-secondary)}.pending-notice{text-align:center;font-size:.8rem;color:var(--text-muted);padding:.5rem}@media (max-width: 560px){.driver-header{align-items:center;padding:.85rem 1rem}.header-title{font-size:.95rem}.logout-btn,.sync-btn,.status-badge{min-height:34px}.driver-main{padding:1rem .9rem 2rem}.unified-stats-top{gap:.5rem}.stat-box.align-right{text-align:right;align-items:flex-end}.ride-item{align-items:flex-start}.ride-route{white-space:normal;flex-wrap:wrap}}@media (max-width: 480px){.form-row.compact,.form-actions,.modal-actions{grid-template-columns:1fr}.action-buttons-grid{gap:.75rem}.add-ride-btn,.add-charge-btn{font-size:.9rem;padding:.85rem}.welcome-header h2{font-size:1.15rem}.stat-value{font-size:1.5rem}.status-text{font-size:1rem}}@media (max-width: 420px){.driver-header{padding:.75rem .85rem}.header-title{font-size:.9rem}.driver-main{padding:.85rem .65rem 2rem}.action-buttons-grid{grid-template-columns:1fr 1fr;gap:.5rem}.add-ride-btn,.add-charge-btn{font-size:.82rem;padding:.75rem .5rem;gap:.25rem}.unified-stats-card{padding:1rem}}@media (max-width: 360px){.driver-header{padding:.65rem .75rem}.header-title{font-size:.82rem}.welcome-header h2{font-size:1.05rem}.stat-label{font-size:.65rem}.stat-value{font-size:1.3rem}.status-text{font-size:.88rem}.progress-header{font-size:.72rem}.add-ride-btn,.add-charge-btn{font-size:.78rem;min-height:44px}.ride-item{padding:.75rem .65rem;gap:.5rem}.modal-card{padding:1.25rem 1rem 1.5rem;padding-bottom:calc(1.5rem + var(--safe-bottom, 0px))}}[data-theme=light] .unified-stats-card.red .stat-value:not(.status-text),[data-theme=light] .unified-stats-card.red .status-text{color:#dc2626}[data-theme=light] .unified-stats-card.yellow .stat-value:not(.status-text),[data-theme=light] .unified-stats-card.yellow .status-text{color:#65a30d}[data-theme=light] .unified-stats-card.light-green .stat-value:not(.status-text),[data-theme=light] .unified-stats-card.light-green .status-text{color:#059669}[data-theme=light] .unified-stats-card.dark-green .stat-value:not(.status-text),[data-theme=light] .unified-stats-card.dark-green .status-text{color:#047857}[data-theme=light] .ride-note{color:var(--accent-green);border-color:#10b9814d;background:#10b9811a}[data-theme=light] .note-dot{background:var(--accent-green)}[data-theme=light] .status-dot.online{background:#059669;box-shadow:0 0 8px #05966980}.mixed-usage-badge{font-size:.65rem;font-weight:700;background:#f59e0b;color:#000;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.02em;display:inline-block;vertical-align:middle;box-shadow:0 1px 2px #0000001a}[data-theme=light] .mixed-usage-badge{background:#d97706;color:#fff}.edit-ride-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.edit-ride-btn:hover{background:#ffffff0d;color:var(--accent);transform:scale(1.1)}[data-theme=light] .edit-ride-btn:hover{background:#0000000d}.edit-ride-btn svg{width:18px;height:18px}.charge-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem}[data-theme=light] .charge-success-overlay{background:#f8fafcd9}.charge-success-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem 2rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;position:relative;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.charge-success-icon-wrap{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b98126,#3b82f626);border:2px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.charge-success-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:successPulse 2.5s infinite}@keyframes successPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.charge-success-svg{color:var(--accent);width:36px;height:36px;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .6s ease-out .2s forwards;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}@keyframes drawCheck{to{stroke-dashoffset:0}}.charge-success-bolt{position:absolute;bottom:-4px;right:-4px;background:#3b82f6;width:28px;height:28px;border-radius:50%;border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #3b82f666;animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) .5s forwards;transform:scale(0)}@keyframes bounceIn{to{transform:scale(1)}}.charge-success-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.charge-success-subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4}.charge-receipt{background:#ffffff05;border:1px dashed var(--border);border-radius:var(--radius-md);padding:1.25rem;width:100%;margin-bottom:1.75rem;text-align:left}[data-theme=light] .charge-receipt{background:#00000004}.receipt-amount-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.receipt-amount-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.receipt-amount-val{font-size:2.1rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);margin-top:.25rem;letter-spacing:-.02em}.receipt-divider{height:1px;border-top:1px dashed var(--border);margin:1rem 0}.receipt-details{display:flex;flex-direction:column;gap:.75rem}.receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;gap:1rem}.receipt-label{color:var(--text-secondary);font-weight:500}.receipt-val{color:var(--text-primary);font-weight:600;text-align:right}.receipt-val.highlight-app{background:#3b82f61f;color:#93c5fd;padding:.15rem .55rem;border-radius:4px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}[data-theme=light] .receipt-val.highlight-app{background:#2563eb14;color:#2563eb}.truncate-text{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charge-success-btn{background:linear-gradient(135deg,var(--accent) 0%,#059669 100%);color:#000;font-weight:700;border:none;border-radius:var(--radius-md);padding:.9rem 2rem;font-size:1rem;width:100%;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b98133}.charge-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98159;filter:brightness(1.05)}.charge-success-btn:active{transform:translateY(0);scale:.98}[data-theme=light] .charge-success-btn{color:#fff}.earnings-tracker{background:#94a3b814;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff0f;transition:background .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}[data-theme=light] .earnings-tracker{border-color:#0f172a1a;box-shadow:0 8px 32px #0f172a14,inset 0 1px #ffffff80}.earnings-tracker.et-danger{background:#f871711a}.earnings-tracker.et-warning{background:#eab3081a}.earnings-tracker.et-on-track{background:#10b9811a}.earnings-tracker.et-gold{background:#fbbf241f}.earnings-tracker.et-gold-card{border-color:#fbbf2473;box-shadow:0 0 28px #fbbf241a,inset 0 1px #ffffff14}.earnings-tracker.et-gold-card:before{content:"";position:absolute;top:0;left:-60%;width:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.8),transparent);animation:goldShimmer 2.4s ease-in-out infinite}@keyframes goldShimmer{0%{left:-60%}to{left:120%}}.et-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.et-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.et-gold-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);padding:.2rem .6rem;border-radius:999px;animation:goldPulse 2s ease-in-out infinite;letter-spacing:.03em}@keyframes goldPulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 10px 2px #fbbf2440}}.et-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.et-chart-wrap{display:flex;flex-direction:column;align-items:center;gap:.6rem}.et-donut-container{position:relative;width:120px;height:120px;flex-shrink:0}.et-donut-svg{width:120px;height:120px;transform:rotate(-90deg)}.et-donut-bg{fill:none;stroke:var(--bg-input);stroke-width:10;stroke-linecap:round}.et-donut-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.34,1.2,.64,1),stroke .5s ease}.et-danger .et-donut-fill{stroke:#f87171}.et-warning .et-donut-fill{stroke:#eab308}.et-on-track .et-donut-fill{stroke:var(--accent-green)}.et-gold .et-donut-fill{stroke:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.6));animation:goldArcPulse 2s ease-in-out infinite}@keyframes goldArcPulse{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.9))}}.et-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none}.et-center-amount{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1}.et-center-pct{font-size:.62rem;font-weight:600;color:var(--text-secondary);line-height:1}.et-danger .et-center-amount{color:#f87171}.et-on-track .et-center-amount{color:var(--accent-green)}.et-gold .et-center-amount{color:#fbbf24}.et-chart-label{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.et-label-title{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.et-label-target{font-size:.65rem;color:var(--text-muted)}.et-breakdown{display:flex;justify-content:space-between;gap:.5rem}.et-pill{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#94a3b81a;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:.55rem .4rem;backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);transition:all .4s cubic-bezier(.4,0,.2,1)}.et-pill-interactive:hover{transform:translateY(-1px)}.et-pill-interactive:active{transform:translateY(0) scale(.97)}.et-pill-label{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.et-pill-value{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.et-pill.et-pill-bonus .et-pill-value{color:#fbbf24}.et-pill.et-pill-bonus{border-color:#fbbf2433}.et-bonus-alert{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fbbf2414;border:1px dashed rgba(251,191,36,.35);border-radius:var(--radius-sm);padding:.6rem .9rem;animation:bonusBounce 2.5s ease-in-out infinite}@keyframes bonusBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.et-bonus-alert-icon{font-size:1rem;flex-shrink:0}.et-bonus-alert-text{font-size:.78rem;font-weight:600;color:#fbbf24;line-height:1.3}.et-bonus-alert-text strong{font-size:.9rem;font-weight:800}.et-offline-note{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);font-style:italic;padding:.25rem 0}@media (max-width: 380px){.et-charts-row{gap:.6rem}.et-donut-container,.et-donut-svg{width:96px;height:96px}.et-center-amount{font-size:.68rem}.et-center-pct{font-size:.58rem}.et-label-title{font-size:.65rem}.et-label-target{font-size:.58rem}.et-breakdown{flex-wrap:wrap}}@media (max-width: 330px){.et-donut-container,.et-donut-svg{width:84px;height:84px}.et-center-amount{font-size:.6rem}}[data-theme=light] .et-donut-bg{stroke:var(--bg-card2)}[data-theme=light] .et-danger .et-donut-fill{stroke:#dc2626}[data-theme=light] .et-warning .et-donut-fill{stroke:#ca8a04}.et-daily-deficit-border{border:1px solid #ef4444!important;box-shadow:0 0 10px #ef444426!important}[data-theme=light] .et-daily-deficit-border{border-color:#dc2626!important;box-shadow:0 0 10px #dc262626!important}[data-theme=light] .et-pill{background:var(--bg-card2)}[data-theme=light] .et-gold-badge{background:#d9770614;border-color:#d9770640;color:#b45309}[data-theme=light] .et-bonus-alert{background:#d977060f;border-color:#d977064d}[data-theme=light] .et-bonus-alert-text,[data-theme=light] .et-pill.et-pill-bonus .et-pill-value{color:#b45309}@keyframes softPulse{0%{box-shadow:inset 0 0 10px #10b98140,0 0 #10b98166}70%{box-shadow:inset 0 0 14px #10b98166,0 0 0 6px #10b98100}to{box-shadow:inset 0 0 10px #10b98140,0 0 #10b98100}}.et-deficit{border-color:#ef444459!important;background:#ef444414!important;box-shadow:inset 0 0 10px #ef444447,0 0 10px #ef444426!important}.et-deficit .et-pill-value{color:#ef4444!important;text-shadow:0 0 6px rgba(239,68,68,.35)}.et-surplus{border-color:#10b98173!important;background:#10b9811a!important;animation:softPulse 2.5s infinite}.et-surplus .et-pill-value{color:#10b981!important;text-shadow:0 0 8px rgba(16,185,129,.3)}[data-theme=light] .et-deficit{background:#ef444414!important;border-color:#dc26264d!important;box-shadow:inset 0 0 10px #dc26262e,0 0 10px #dc26261a!important}[data-theme=light] .et-deficit .et-pill-value{color:#dc2626!important;text-shadow:none}[data-theme=light] .et-surplus{background:#10b9811f!important;border-color:#05966959!important}[data-theme=light] .et-surplus .et-pill-value{color:#059669!important;text-shadow:none}.et-motivation-toast{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:.75rem 1rem;margin-top:.5rem;display:flex;align-items:center;gap:.75rem;animation:toastSpringIn .5s cubic-bezier(.175,.885,.32,1.275) forwards,toastFadeOut .4s ease-out 3.6s forwards;transform-origin:top center;cursor:pointer;z-index:10}.et-toast-icon{font-size:1.25rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}.et-toast-text{color:#fbbf24;font-weight:600;font-size:.8rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes toastSpringIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95);pointer-events:none}}[data-theme=light] .et-motivation-toast{background:#fbbf2433;border:1px solid rgba(251,191,36,.5)}[data-theme=light] .et-toast-text{color:#d97706;text-shadow:none}.et-daily-goal-tag{font-size:.65rem;font-weight:700;color:#fbbf24;background:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(251,191,36,.3);padding:.15rem .5rem;border-radius:4px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:90px;text-align:center;line-height:1.2;white-space:normal;pointer-events:none;z-index:9999;animation:dailyTagFadeIn .5s ease-out forwards,dailyTagFadeOut .4s ease-out 3.1s forwards}@keyframes dailyTagFadeIn{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dailyTagFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95);pointer-events:none}}[data-theme=light] .et-daily-goal-tag{color:#d97706;background:#fbbf2440}[data-theme=light] .et-danger .et-center-amount{color:#dc2626}[data-theme=light] .et-gold .et-center-amount{color:#b45309}[data-theme=light] .et-gold .et-donut-fill{stroke:#d97706}[data-theme=light] .stats-modal-pill-gold .stats-modal-pill-value,[data-theme=light] .stats-modal-stat.amber .stats-modal-stat-value{color:#b45309}[data-theme=light] .success-banner,[data-theme=light] .offline-banner{color:var(--accent-green)}[data-theme=light] .stats-modal-achievement.et-deficit{color:var(--accent-red)}[data-theme=light] .stats-modal-achievement.et-surplus{color:var(--accent-green)}.admin-page{min-height:100vh;background:var(--bg-dark)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;background:#94a3b81a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}[data-theme=light] .admin-header{border-bottom-color:#0f172a14}.admin-header .header-left{display:flex;align-items:center;gap:.5rem;min-width:0}.admin-header .header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.admin-header .header-title{font-weight:700;font-size:1.05rem;color:var(--accent-green)}.header-badge{margin-left:.5rem;font-size:.7rem;background:#10b9811f;color:var(--accent-green);padding:.2rem .6rem;border-radius:999px;font-weight:600}.admin-user{font-size:.85rem;color:var(--text-secondary)}.admin-main{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem;overflow-x:hidden}.filter-panel,.manifest-section{background:linear-gradient(155deg,var(--bg-card2),var(--bg-card));border:none;border-radius:16px;overflow:hidden}.filter-panel{padding:1.25rem;margin-bottom:1.5rem}.filter-title{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end}.filter-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;grid-column:1 / -1}.btn-filter,.btn-export,.btn-export-pdf{padding:.7rem .75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;min-height:44px;min-width:0;width:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.btn-export,.btn-export-pdf{white-space:nowrap;font-size:clamp(.72rem,2.6vw,.875rem);padding-inline:.5rem}.dropdown-item svg{width:18px;height:18px;color:var(--text-secondary);transition:color .2s}.dropdown-item:hover svg{color:var(--accent)}.dropdown-item.logout-text svg{color:#f87171!important}.btn-filter{background:var(--accent);color:#000;border:none}.btn-export{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.btn-export-pdf{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.btn-export:disabled,.btn-export-pdf:disabled{opacity:.6;cursor:not-allowed}.quick-ranges{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.25rem;padding-top:1rem}.quick-ranges button{font-size:.62rem;padding:.25rem .75rem;background:#ffffff08;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.quick-ranges button:hover{background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue)}.quick-ranges button.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 4px 10px #3b82f640}.overview-stats-container{background:transparent;border:none;margin-bottom:2.5rem}.stats-header{padding:0 .25rem 1rem}.stats-header h3{font-size:.85rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stats-layers{display:flex;flex-direction:column;gap:1rem}.stats-layer{background:linear-gradient(155deg,var(--bg-card2),var(--bg-card));border:none;border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-layer:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000038}[data-theme=light] .stats-layer:hover{box-shadow:0 10px 24px #0f172a14}.rides-row{flex-wrap:wrap;row-gap:1rem}.rides-summary{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.duo-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.duo-item{min-width:0}.layer-icon-box{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-input)}.layer-icon-box svg{width:26px;height:26px}.layer-icon-box.blue{color:#3b82f6;background:#3b82f61f}.layer-icon-box.purple{color:#a855f7;background:#a855f71f}.layer-icon-box.yellow-bg{color:#fbbf24;background:#fbbf241a}.layer-icon-box.teal{color:#2dd4bf;background:#2dd4bf1f}.layer-icon-box.amber{color:#fbbf24;background:#fbbf241f}.layer-icon-box.green{color:var(--accent-green, #10b981);background:#10b9811f}.layer-content{display:flex;flex-direction:column}.layer-value{font-size:1.8rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.layer-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;margin-top:.15rem}.layer-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.layer-large-value{font-size:2.5rem;font-weight:900;line-height:.9;letter-spacing:-.02em}.layer-value-group{display:flex;flex-direction:column;line-height:1}.company-chips-row{display:flex;flex-wrap:wrap;gap:.75rem}.company-stat-chip{display:flex;align-items:center;gap:.4rem;background:var(--bg-input);border:1px solid var(--border);padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-primary);transition:all .2s}.company-stat-chip:hover{background:#ffffff14;border-color:#fff3}.company-stat-chip .chip-name{color:var(--text-secondary)}.company-stat-chip .chip-count{background:#10b981;color:#000;padding:.1rem .4rem;border-radius:999px;font-size:.65rem;font-weight:800}.company-stat-chip .chip-km{color:#60a5fa;font-size:.75rem}.blue{color:#3b82f6}.purple{color:#a855f7}.yellow{color:#fbbf24}.teal{color:#2dd4bf}.amber{color:#f59e0b}.green{color:var(--accent-green, #10b981)}@media (max-width: 900px){.stats-layer{padding:1.1rem 1.25rem;gap:1rem}.layer-large-value{font-size:2rem}}@media (max-width: 640px){.stats-layer{padding:1rem 1.1rem;gap:.85rem}.duo-row{gap:.75rem}.layer-large-value{font-size:1.9rem}.layer-value{font-size:1.4rem}.layer-icon-box{width:48px;height:48px}.layer-icon-box svg{width:22px;height:22px}}@media (max-width: 380px){.duo-row{gap:.5rem}.duo-item{padding:.85rem .9rem;gap:.6rem}.layer-icon-box{width:44px;height:44px}.layer-icon-box svg{width:20px;height:20px}.layer-value{font-size:1.3rem}.layer-label{font-size:.75rem}}.table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}.table-header h3{font-size:.98rem;font-weight:700}.manifest-range{display:block;margin-top:.25rem;font-size:.78rem;color:var(--text-secondary)}.table-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-input);padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.loading-state,.empty-state{padding:3rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.manifest-days{display:flex;flex-direction:column;gap:1rem;padding:.75rem}.manifest-day{background:var(--bg-card2);color:var(--text-primary);border-radius:16px;border:none;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.manifest-day.expanded{box-shadow:0 4px 12px #00000026}.manifest-date{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.manifest-date:hover{background:var(--bg-input)}.date-text{display:flex;flex-direction:column;gap:.1rem}.manifest-date strong{font-size:1.15rem;color:var(--text-primary)}.manifest-date span{font-size:.85rem;color:var(--text-secondary);font-weight:500}.expand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border-radius:50%;color:var(--text-secondary);font-size:1.25rem;font-weight:700;transition:all .2s}.manifest-day.expanded .expand-icon{background:var(--accent);color:#000}.manifest-content{padding:1rem;border-top:1px solid var(--border);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.manifest-note{margin:0 0 1.5rem;color:var(--text-secondary);font-style:italic;font-weight:700;text-decoration:underline;font-size:.9rem}.driver-manifest{margin:0 0 1.5rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.driver-manifest:last-child{margin-bottom:0}.driver-manifest-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;font-weight:700;color:var(--text-primary);font-size:1.05rem}.attendance-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.attendance-badge.full{background:#10b98126;color:#10b981}.attendance-badge.half{background:#f59e0b26;color:#f59e0b}.attendance-badge.leave{background:#ef444426;color:#ef4444}.attendance-badge.holiday{background:#64748b26;color:#94a3b8}.manifest-table-wrap{overflow-x:auto;border:2px solid var(--accent-blue);border-radius:8px}.manifest-table{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed;font-size:.82rem}.manifest-table th,.manifest-table td{border:1px solid var(--border);height:28px;padding:.25rem .35rem;color:var(--text-primary);vertical-align:middle}.manifest-table th{background:var(--bg-input);font-weight:800;text-align:left;color:var(--text-secondary)}.manifest-table th:nth-child(1),.manifest-table td:nth-child(1){width:44px;text-align:right}.manifest-table th:nth-child(2){width:110px}.manifest-table th:nth-child(3){width:50px;text-align:center}.manifest-table td:nth-child(3){text-align:center}.manifest-table th:nth-child(4){width:72px}.manifest-table th:nth-child(6),.manifest-table td:nth-child(6){width:82px;text-align:right}.manifest-table th:nth-child(7),.manifest-table td:nth-child(7){width:72px;text-align:right}.manifest-mobile-list{display:none;flex-direction:column;gap:.6rem;margin-top:.75rem}.manifest-ride-card{background:var(--bg-card2);border:1px solid var(--border);border-left:3px solid var(--accent-blue);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s}.manifest-ride-card:hover{border-color:var(--border-hover)}.manifest-card-top{display:flex;justify-content:space-between;align-items:center}.manifest-card-top strong{font-size:1rem;color:var(--text-primary)}.trip-badge{font-size:.75rem;font-weight:700;color:var(--text-secondary);background:var(--bg-input);padding:.2rem .5rem;border-radius:4px}.manifest-route{font-size:.9rem;color:var(--text-secondary);font-weight:500}.manifest-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-muted);border-top:1px dashed var(--border);padding-top:.5rem;margin-top:.25rem}.manifest-card-meta span{display:flex;align-items:center;gap:.35rem}.company-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border)}.company-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:var(--bg-input);border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-primary)}.company-chip .chip-count{background:var(--accent);color:#000;font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:999px;min-width:18px;text-align:center}.company-chip .chip-km{font-size:.65rem;color:var(--accent-blue);font-weight:700}@media (max-width: 980px){.manifest-table-wrap{display:none}.manifest-mobile-list{display:flex}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1 / -1}}@media (max-width: 640px){.admin-page{min-width:0}.admin-header{padding:.85rem 1rem}.admin-header .header-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user{display:none}.admin-main{padding:1rem .75rem 2rem}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%}.btn-filter{grid-column:1 / -1}.btn-filter,.btn-export,.btn-export-pdf{min-height:44px;height:44px;width:100%;padding-inline:.5rem}.table-header{align-items:flex-start;flex-direction:column;padding:1rem}.manifest-days{padding:.75rem}.manifest-day{padding:0}.manifest-date{padding:.85rem 1rem}.driver-manifest-title{align-items:flex-start;flex-direction:column;font-size:1rem;gap:.5rem}.manifest-table-wrap{display:none}.manifest-mobile-list{display:flex;flex-direction:column;gap:.55rem}.manifest-ride-card{border:1px solid var(--border);border-left:3px solid var(--accent-blue);border-radius:6px;padding:.7rem;background:var(--bg-card2);font-size:.82rem}.manifest-ride-card.muted{border-left-color:var(--text-muted);color:var(--text-secondary)}.manifest-card-top,.manifest-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.manifest-card-meta{justify-content:flex-start;color:var(--text-secondary);margin-top:.35rem}.overview-stats-card{border-radius:14px;margin-bottom:1.5rem}.stats-header{padding:1rem 1.25rem}.stats-header h3{font-size:.82rem}.quick-ranges{gap:.35rem}.quick-ranges button{font-size:.7rem;padding:.35rem .65rem;min-height:36px}}@media (max-width: 480px){.admin-header{padding:.75rem .85rem}.admin-header .header-title{font-size:.9rem}.admin-main{padding:.85rem .5rem 2rem}.filter-panel{padding:1rem .85rem}.filter-grid{grid-template-columns:1fr;gap:.85rem}.filter-actions{grid-column:span 1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.btn-filter{grid-column:1 / -1}.manifest-days{padding:.5rem}.manifest-content{padding:.75rem .5rem}.driver-manifest{padding:.75rem}.manifest-ride-card{padding:.6rem}.metric-card.teal{grid-column:span 2}.header-badge{font-size:.6rem;padding:.15rem .45rem}}@media (max-width: 380px){.admin-header{padding:.65rem .75rem}.admin-header .header-title{font-size:.82rem}.header-badge{font-size:.6rem;padding:.15rem .4rem;margin-left:.25rem}.filter-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.btn-filter{grid-column:1 / -1}.btn-export,.btn-export-pdf{font-size:.72rem;padding-inline:.35rem}.stats-grid{grid-template-columns:1fr 1fr}.metric-card{padding:1rem .75rem;gap:.75rem;flex-direction:row;align-items:center}.metric-card.teal{grid-column:span 2}.metric-value{font-size:1.3rem}.metric-label{font-size:.75rem}.manifest-date{padding:.75rem}.manifest-date strong{font-size:1rem}.manifest-date span{font-size:.75rem}}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:1.2rem;transition:all .2s}.theme-toggle:hover{background:var(--bg-card2);border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:var(--shadow);animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:1rem;margin-top:.5rem}.modal-actions.monthly-export-actions{grid-template-columns:1fr 1fr;gap:.75rem}.modal-actions.monthly-export-actions .btn-cancel{grid-column:1 / -1}.modal-actions.monthly-export-actions .btn-submit,.modal-actions.monthly-export-actions .monthly-pdf-btn{width:100%;min-height:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-weight:700;font-size:.9rem;border-radius:var(--radius-sm);padding:.75rem .5rem}.modal-actions.monthly-export-actions .monthly-pdf-btn{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.35);cursor:pointer}.modal-actions.monthly-export-actions .monthly-pdf-btn:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{padding:.875rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:600;cursor:pointer}.btn-submit{padding:.875rem;background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;padding:1.25rem 1rem 2rem;padding-bottom:calc(2rem + var(--safe-bottom, 0px))}.modal-actions{grid-template-columns:1fr}.modal-actions.monthly-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions.monthly-export-actions .btn-cancel{grid-column:1 / -1}.modal-header h3{font-size:1.05rem}}@media (max-width: 380px){.modal-card{padding:1rem .85rem 1.5rem;padding-bottom:calc(1.5rem + var(--safe-bottom, 0px))}}.notif-container{position:relative}.notif-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);position:relative;transition:all .2s}.notif-btn:hover{background:var(--bg-card2, var(--bg-input));border-color:var(--accent)}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:0 4px;animation:badgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.advance-modal-card{max-width:520px;padding:0!important;overflow:hidden}.advance-panel{padding:1.5rem;max-height:75vh;overflow-y:auto}.advance-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.advance-panel-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.advance-section-title{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:1.25rem 0 .75rem;display:flex;align-items:center;gap:.5rem}.advance-section-title.pending-title{color:#f59e0b}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.advance-list{display:flex;flex-direction:column;gap:.75rem}.advance-card{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;transition:all .2s;border-left:4px solid transparent}.advance-card.pending{border-left-color:#f59e0b}.advance-card.paid{border-left-color:#10b981}.advance-card.rejected{border-left-color:#ef4444;opacity:.7}.advance-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.advance-card-top strong{font-size:.95rem;color:var(--text-primary)}.advance-amount{font-size:1.1rem;font-weight:800;color:var(--accent-green, #10b981)}.advance-reason{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-bottom:.35rem}.advance-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted, var(--text-secondary))}.advance-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-paid{flex:1;padding:.6rem 1rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s}.btn-paid:hover{background:#10b98133;border-color:#10b981}.btn-reject{flex:1;padding:.6rem 1rem;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s}.btn-reject:hover{background:#ef444433;border-color:#ef4444}.status-tag{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.status-tag.paid{background:#10b9811f;color:#10b981}.status-tag.rejected{background:#ef44441f;color:#ef4444}.status-tag.pending{background:#f59e0b1f;color:#f59e0b}@media (max-width: 640px){.advance-panel{padding:1rem}.advance-card{padding:.85rem 1rem}.advance-actions{flex-direction:column}}@media (max-width: 1024px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1 / -1}}@media (max-width: 640px){.admin-main{padding:1rem .75rem 2rem}.filter-panel{padding:1rem}.filter-grid{grid-template-columns:1fr;gap:.85rem}.filter-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;margin-top:.25rem}.btn-filter{grid-column:1 / -1}.btn-export,.btn-export-pdf{width:100%;min-height:44px;height:44px}.modal-actions.monthly-export-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions.monthly-export-actions .btn-submit,.modal-actions.monthly-export-actions .monthly-pdf-btn{min-height:48px;height:48px;font-size:.85rem}.quick-ranges{justify-content:center;gap:.4rem}.quick-ranges button{flex:0 1 auto;text-align:center;padding:.35rem .75rem;font-size:.62rem}}.ride-note-admin{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;margin-top:.25rem;padding:.2rem .5rem;border:1px solid rgba(16,185,129,.24);border-radius:999px;background:#10b9811a;color:#6ee7b7;font-size:.7rem;line-height:1.2;word-break:break-all}.note-dot-admin{width:6px;height:6px;flex:0 0 6px;border-radius:999px;background:var(--accent-green)}[data-theme=light] .ride-note-admin{color:var(--accent-green);border-color:#10b9814d;background:#10b9811a}[data-theme=light] .note-dot-admin{background:var(--accent-green)}.interactive-layer{cursor:pointer;position:relative;transition:transform .2s,background-color .2s}.interactive-layer:hover{transform:translateY(-2px);background-color:#ffffff0a}.interactive-layer:active{transform:translateY(0) scale(.98);transition-duration:.08s}[data-theme=light] .interactive-layer:hover{background-color:#00000005}.clickable-hint{font-size:.72rem;color:var(--accent-blue);font-weight:600;margin-top:.15rem;text-decoration:underline}.charging-modal-card{max-width:520px;padding:0!important;overflow:hidden}.charging-panel{padding:1.5rem;max-height:75vh;overflow-y:auto}.charging-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.charging-panel-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.charging-list{display:flex;flex-direction:column;gap:.75rem}.charging-card{background:var(--bg-input);border:1px solid var(--border);border-left:4px solid var(--accent-blue);border-radius:12px;padding:1rem 1.25rem;transition:all .2s;display:flex;flex-direction:column;gap:.35rem}.charging-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.charging-card-top{display:flex;justify-content:space-between;align-items:center}.charging-driver-info{display:flex;align-items:center;gap:.5rem}.charging-driver-info strong{font-size:.95rem;color:var(--text-primary)}.charging-vehicle{font-size:.72rem;background:#ffffff14;padding:.1rem .4rem;border-radius:4px;color:var(--text-secondary)}[data-theme=light] .charging-vehicle{background:#0000000d}.charging-amount{font-size:1.1rem;font-weight:800;color:#fbbf24}.charging-card-middle{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.charging-app-tag{background:#3b82f61f;color:var(--accent-blue);padding:.15rem .45rem;border-radius:4px;font-weight:600;font-size:.75rem}.charging-place{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charging-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);border-top:1px dashed var(--border);padding-top:.35rem;margin-top:.15rem}.salary-modal-card{max-width:920px;padding:0!important;overflow:hidden}.salary-panel{padding:1.5rem;max-height:82vh;overflow-y:auto}.salary-panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.salary-panel-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.salary-panel-actions{display:flex;align-items:center;gap:.6rem}.salary-panel-actions .salary-export-btn{width:auto;min-width:0}.salary-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}.salary-summary-tile{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem;min-width:0}.salary-summary-tile-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.salary-summary-tile-value{font-size:1rem;font-weight:800;margin-top:.3rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.salary-summary-tile.green .salary-summary-tile-value{color:var(--accent-green, #10b981)}.salary-summary-tile.blue .salary-summary-tile-value{color:var(--accent-blue, #3b82f6)}.salary-cycle-caption{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--text-muted);margin-bottom:1.1rem}.salary-cycle-caption strong{color:var(--text-secondary)}.salary-search-group{margin-bottom:1rem}.salary-driver-list{display:flex;flex-direction:column;gap:.75rem}.salary-driver-card{background:var(--bg-input);border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem 1rem}.salary-driver-card-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.35rem .75rem;margin-bottom:.75rem}.salary-driver-card-top strong{font-size:.92rem;color:var(--text-primary)}.salary-driver-rides{font-size:.68rem;color:var(--text-muted)}.salary-driver-cycles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.salary-driver-cycle{background:var(--bg-card2);border-radius:10px;padding:.55rem .65rem;min-width:0}.salary-driver-cycle.current{border:1px solid rgba(59,130,246,.35)}.salary-driver-cycle-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.35rem}.salary-driver-cycle-stats div{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;font-size:.72rem;padding:.12rem 0}.salary-driver-cycle-stats span{color:var(--text-secondary);white-space:nowrap}.salary-driver-cycle-stats strong{color:var(--text-primary);font-weight:700;text-align:right;white-space:nowrap}.salary-driver-cycle-stats strong.payable{color:var(--accent-green, #10b981)}@media (max-width: 560px){.salary-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 380px){.salary-driver-cycles{grid-template-columns:1fr}.salary-panel-header h3{font-size:.95rem}}[data-theme=light] .yellow{color:#b45309}[data-theme=light] .teal{color:#0d9488}[data-theme=light] .amber{color:#b45309}[data-theme=light] .layer-icon-box.yellow-bg{color:#b45309;background:#b453091a}[data-theme=light] .layer-icon-box.teal{color:#0d9488;background:#0d94881a}[data-theme=light] .layer-icon-box.amber{color:#b45309;background:#b453091a}[data-theme=light] .attendance-badge.half,[data-theme=light] .advance-section-title.pending-title{color:#b45309}[data-theme=light] .pulse-dot{background:#b45309}[data-theme=light] .advance-card.pending{border-left-color:#b45309}[data-theme=light] .status-tag.pending,[data-theme=light] .charging-amount{color:#b45309}[data-theme=light] .btn-export{color:var(--accent-green)}[data-theme=light] .btn-export-pdf,[data-theme=light] .monthly-pdf-btn,[data-theme=light] .company-stat-chip .chip-km{color:var(--accent-blue)}[data-theme=light] .attendance-badge.full{color:var(--accent-green)}[data-theme=light] .attendance-badge.leave{color:var(--accent-red)}[data-theme=light] .attendance-badge.holiday{color:var(--text-secondary)}[data-theme=light] .btn-paid{color:var(--accent-green)}[data-theme=light] .btn-reject{color:var(--accent-red)}[data-theme=light] .status-tag.paid{color:var(--accent-green)}[data-theme=light] .status-tag.rejected{color:var(--accent-red)}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#1a1f2e,#0f1117);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s;overflow:hidden;animation:splashFadeIn .5s ease-out both}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.splash-screen:before,.splash-screen:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.15;z-index:-1;animation:blobFloat 10s infinite alternate ease-in-out}.splash-screen:before{background:var(--accent);top:-100px;right:-50px}.splash-screen:after{background:var(--accent-purple);bottom:-50px;left:-50px;animation-delay:-5s}.splash-logo-container:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--accent-blue);filter:blur(70px);opacity:.1;z-index:-1;animation:blobFloat 12s infinite alternate-reverse ease-in-out}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}.splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-logo-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.splash-logo-wrapper{position:relative;padding:12px;background:#ffffff08;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:48px;box-shadow:0 20px 50px #0000004d;animation:logoWrapperEntrance 1.2s cubic-bezier(.23,1,.32,1) both,splashGlowPulse 3.2s ease-in-out 1.2s infinite}@keyframes splashGlowPulse{0%,to{box-shadow:0 20px 50px #0000004d,0 0 #10b98138}50%{box-shadow:0 20px 50px #0000004d,0 0 36px 6px #10b98138}}.splash-main-logo{width:160px;height:160px;object-fit:cover;border-radius:36px;display:block;animation:logoScale 4s infinite alternate ease-in-out}@keyframes logoWrapperEntrance{0%{opacity:0;transform:scale(.8) translateY(30px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes logoScale{0%{transform:scale(1)}to{transform:scale(1.05)}}.splash-branding{padding-bottom:calc(4rem + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;animation:brandingEntrance 1s ease .8s both}.splash-from{font-size:.7rem;color:var(--text-secondary);font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.splash-brand-row{display:flex;align-items:center;gap:12px}.splash-small-logo{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.splash-brand-name{font-family:var(--font-brand);font-weight:800;font-size:1.75rem;letter-spacing:-.02em;color:#fff;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-tm{font-size:.5em;vertical-align:super;margin-left:2px;font-weight:700;background:none;-webkit-text-fill-color:var(--text-secondary);opacity:.85}@keyframes brandingEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .splash-screen{background:radial-gradient(circle at center,#fff,#f1f5f9)}[data-theme=light] .splash-brand-name{background:linear-gradient(to bottom,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .splash-logo-wrapper{background:#00000005;border-color:#0000000d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #0f1117;--bg-card: #1a1f2e;--bg-card2: #222736;--bg-input: #2a3045;--accent: #10b981;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 4px 24px rgba(0,0,0,.4);--font: "Sora", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-brand: "Montserrat", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}[data-theme=light]{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card2: #f1f5f9;--bg-input: #f1f5f9;--accent: #059669;--accent-green: #059669;--accent-red: #dc2626;--accent-blue: #2563eb;--accent-purple: #7c3aed;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(0,0,0,.12);--border-hover: rgba(0,0,0,.2);--shadow: 0 4px 24px rgba(0,0,0,.06);color-scheme:light}html,body{height:100%;font-family:var(--font);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font-size:16px}#root{height:100%}input,select,textarea,button{font-family:var(--font)}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-group input,.form-group select{width:100%;max-width:100%;min-height:44px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-primary);transition:border-color .2s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-group textarea{width:100%;max-width:100%;min-height:44px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-primary);transition:border-color .2s;white-space:pre-wrap;word-wrap:break-word;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.logout-btn{font-size:.75rem;min-height:36px;padding:.3rem .7rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.logout-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}a{color:inherit;text-decoration:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}.spinner-sm{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.install-app-wrap{position:fixed;bottom:calc(1rem + var(--safe-bottom));left:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:420px;margin-left:auto;pointer-events:none}.install-app-wrap>*{pointer-events:auto}.install-app-actions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 25px #00000080;animation:slideUp .4s cubic-bezier(.23,1,.32,1)}.install-info{display:flex;align-items:center;gap:.75rem}.install-mini-logo{width:40px;height:40px;border-radius:10px;object-fit:cover}.install-text{display:flex;flex-direction:column}.install-text strong{font-size:.9rem;color:var(--text-primary)}.install-text span{font-size:.75rem;color:var(--text-secondary)}.install-buttons{display:flex;align-items:center;gap:.5rem}.install-app-btn{background:var(--accent);color:#000;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .2s}.install-app-btn:active{transform:scale(.95)}.install-dismiss-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.install-ios-hint{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 15px 35px #0009;animation:slideUp .4s cubic-bezier(.23,1,.32,1)}.ios-hint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ios-hint-header strong{font-size:1rem;color:var(--text-primary)}.ios-hint-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.ios-hint-body{display:flex;flex-direction:column;gap:1rem}.ios-step{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--text-secondary)}.step-num{width:24px;height:24px;background:var(--accent);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;flex-shrink:0}.ios-icon-box{margin-left:auto;color:var(--accent);display:flex;align-items:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 520px){.install-app-wrap{max-width:none}}.menu-container{position:relative;display:inline-block}.menu-btn{background:transparent;border:none;color:var(--text-primary);padding:.5rem;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;min-width:44px;min-height:44px}.menu-btn:hover{opacity:.7}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;max-width:calc(100vw - 2rem);padding:.5rem 0;z-index:100;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;animation:dropdownSlide .2s ease-out forwards;transform-origin:top right}@keyframes dropdownSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{width:100%;text-align:left;padding:.75rem 1.25rem;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:.5rem;min-height:44px}.dropdown-item:hover{background:var(--bg-input)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-divider{height:1px;background:var(--border);margin:.25rem 0}.logout-text{color:#ef4444;font-weight:500}.logout-text:hover{background:#ef44441a}.header-logo-img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.logo-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:1rem}.header-title-container{display:flex;flex-direction:column;line-height:1.1;min-width:0}.header-subtext{font-size:.7rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;transition:color .2s}.header-subtext span{font-family:var(--font-brand);font-weight:700;transition:color .2s}.brand-tm{font-size:.55em;vertical-align:super;margin-left:1px;opacity:.7;font-weight:600}.header-subtext span:hover{color:var(--accent-green);cursor:default}.logo-description{font-size:.75rem;color:var(--text-muted);margin-top:.4rem;font-weight:500;letter-spacing:.02em}.trip-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg-input);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);height:44px}.toggle-option{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:calc(var(--radius-sm) - 4px);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.toggle-option input{position:absolute;opacity:0;width:0;height:0}.toggle-option span{font-size:.85rem;font-weight:600;color:var(--text-secondary);z-index:1;transition:color .2s;white-space:nowrap}.toggle-option.active{background:var(--accent);box-shadow:0 2px 8px #10b98133}.toggle-option.active span{color:#000}.toggle-option:not(.active):hover{background:#ffffff0d}[data-theme=light] .toggle-option.active{box-shadow:0 2px 6px #05966933}[data-theme=light] .toggle-option:not(.active):hover{background:#0000000a}@media (max-width: 380px){.dropdown-menu{min-width:200px;right:-.5rem}.dropdown-item{padding:.65rem 1rem;font-size:.85rem}.toggle-option span{font-size:.78rem}.logo-img{width:64px;height:64px}.header-logo-img{width:34px;height:34px}}.error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:1.5rem}.error-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow)}.error-icon{font-size:3rem;margin-bottom:1.5rem}.error-card h2{margin-bottom:1rem;color:var(--text-primary)}.error-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;justify-content:center}