@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=JetBrains+Mono:wght@400;600&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--accent:#3b7fff;--accent-dim:#3b7fff1f;--accent-glow:#3b7fff38;--bg-base:#f5f6fa;--bg-surface:#fff;--bg-raised:#f0f2f8;--bg-sidebar:#0d1117;--bg-sidebar2:#161b22;--text-primary:#0d1117;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-invert:#f0f6ff;--border:#00000014;--border-mid:#00000021;--border-light:#0000000d;--green:#22c55e;--green-bg:#22c55e1a;--green-text:#15803d;--amber:#f59e0b;--amber-bg:#f59e0b1a;--amber-text:#92400e;--red:#ef4444;--red-bg:#ef44441a;--red-text:#991b1b;--blue:#3b7fff;--blue-bg:#3b7fff1a;--blue-text:#1d4ed8;--purple:#8b5cf6;--purple-bg:#8b5cf61a;--purple-text:#5b21b6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0000000f, 0 4px 16px #0000000a;--shadow-raised:0 2px 8px #00000014, 0 8px 32px #0000000f;--sidebar-w:232px}@media (prefers-color-scheme:dark){:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-raised:#1c2230;--bg-sidebar:#0a0e14;--bg-sidebar2:#111520;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#484f58;--border:#ffffff12;--border-mid:#ffffff1f;--border-light:#ffffff0a;--green-text:#4ade80;--amber-text:#fcd34d;--red-text:#f87171;--blue-text:#93c5fd;--purple-text:#c4b5fd;--shadow-card:0 1px 3px #0000004d, 0 4px 16px #0003;--shadow-raised:0 2px 8px #0006, 0 8px 32px #0000004d}}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select{font:inherit}.layout{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);color:var(--text-invert);scrollbar-width:none;border-right:1px solid #ffffff0d;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:16px;padding:6px 8px 20px;display:flex}.brand-image{object-fit:contain;background:#ffffff14;border-radius:10px;width:34px;height:34px;padding:4px}.brand h1{letter-spacing:.04em;color:#f0f6ff;font-size:17px;font-weight:600}.brand p{color:#ffffff59;margin:0;font-size:11px}.admin-card{border-radius:var(--radius-md);background:#3b7fff1a;border:1px solid #3b7fff33;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.admin-card strong{color:#e6edf3;font-size:13px}.admin-card p{color:#fff6;margin:0;font-size:11px}.online-dot{color:#4ade80;align-items:center;gap:4px;margin-top:3px;font-size:11px;display:inline-flex}.menu-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;padding:16px 10px 6px;font-size:10px;font-weight:600}.menu-item{color:#ffffff80;text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:400;transition:background .15s,color .15s;display:flex}.menu-item:hover{color:#ffffffd9;background:#ffffff0f}.menu-item.active{background:var(--accent-dim);color:#93b8ff;border:1px solid #3b7fff40;font-weight:500}.main{background:var(--bg-base);min-height:100vh;padding:28px 32px}.main-container{max-width:1400px;margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.topbar h2{letter-spacing:-.03em;color:var(--text-primary);font-size:26px;font-weight:600}.topbar p{color:var(--text-secondary);margin-top:3px;font-size:13px}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-input{border:1px solid var(--border-mid);background:var(--bg-surface);border-radius:var(--radius-md);font:inherit;color:var(--text-primary);padding:8px 12px;font-size:13px;transition:border-color .15s}.date-input:focus{border-color:var(--accent);outline:none}.ghost-btn{border:1px solid var(--border-mid);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.ghost-btn:hover{background:var(--bg-raised);border-color:var(--border-mid)}.primary-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:0;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.primary-btn:hover:not(:disabled){opacity:.88}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);align-items:flex-start;gap:12px;padding:16px 18px;transition:box-shadow .2s,transform .2s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px)}.kpi-icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.kpi-blue .kpi-icon{background:var(--blue-bg)}.kpi-green .kpi-icon{background:var(--green-bg)}.kpi-yellow .kpi-icon{background:var(--amber-bg)}.kpi-red .kpi-icon{background:var(--red-bg)}.kpi-gold .kpi-icon{background:var(--purple-bg)}.kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.kpi-card strong{font-size:28px;font-weight:600;font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text-primary);line-height:1}.content-grid{grid-template-columns:1fr 380px;gap:16px;display:grid}.left-column,.right-column{flex-direction:column;gap:16px;display:flex}.card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:20px 22px}.card h3{color:var(--text-primary);margin-bottom:3px;font-size:15px;font-weight:600}.card>p,.card-header p{color:var(--text-secondary);margin:0;font-size:12.5px}.card-header{margin-bottom:16px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters{gap:8px;display:flex}.search-input,.driver-form input,.driver-form select{border:1px solid var(--border-mid);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--text-primary);padding:8px 11px;font-size:13px;transition:border-color .15s}.search-input:focus,.driver-form input:focus,.driver-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.table-wrap{overflow-x:auto}.fixed-table{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);max-height:520px;overflow:auto}.drivers-table{border-collapse:collapse;width:100%;min-width:900px}.drivers-table th,.drivers-table td{border-bottom:1px solid var(--border-light);text-align:left;vertical-align:middle;padding:12px 14px}.drivers-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-raised);z-index:2;font-size:11px;font-weight:600;position:sticky;top:0}.drivers-table tbody tr:hover{background:var(--bg-raised)}.drivers-table tbody tr:last-child td{border-bottom:none}.driver-name-cell{flex-direction:column;gap:2px;display:flex}.driver-name-cell strong{font-size:13.5px;font-weight:600}.driver-name-cell span{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);letter-spacing:.02em}.status-pill{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.status-pill.active{background:var(--green-bg);color:var(--green-text)}.status-pill.pending{background:var(--amber-bg);color:var(--amber-text)}.status-pill.paused{background:var(--border);color:var(--text-secondary)}.status-pill.blocked{background:var(--red-bg);color:var(--red-text)}.status-pill.requested,.status-pill.searching_driver,.status-pill.matching_in_progress{background:var(--amber-bg);color:var(--amber-text)}.status-pill.assigned,.status-pill.en_route,.status-pill.driver_arrived{background:var(--blue-bg);color:var(--blue-text)}.status-pill.in_progress{background:var(--green-bg);color:var(--green-text)}.status-pill.completed{background:var(--border);color:var(--text-secondary)}.row-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mini-btn{border:1px solid var(--border-mid);background:var(--bg-surface);cursor:pointer;color:var(--text-primary);border-radius:7px;padding:5px 9px;font-size:11.5px;font-weight:500;transition:background .15s}.mini-btn:hover{background:var(--bg-raised)}.primary-mini{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-mini:hover{opacity:.85}.danger-mini{border-color:var(--red-bg);color:var(--red-text);background:var(--red-bg)}.danger-mini:hover{opacity:.8}.commission-select{border:1px solid var(--border-mid);background:var(--bg-surface);color:var(--text-primary);border-radius:7px;min-width:60px;padding:5px 7px;font-size:11.5px}.driver-form{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.driver-form .primary-btn{border-radius:var(--radius-md);grid-column:span 2;margin-top:4px;padding:10px;font-size:13.5px}.compact-form input,.compact-form select{padding:8px 11px}.system-box{flex-direction:column;gap:10px;display:flex}.system-box .row-between{background:var(--bg-raised);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.system-box .row-between strong{font-family:var(--font-mono);color:var(--accent);font-size:13px}.rate-editor{align-items:center;gap:8px;display:flex}.rate-input{border:1px solid var(--border-mid);background:var(--bg-surface);border-radius:var(--radius-md);font:inherit;color:var(--text-primary);flex:1;padding:8px 11px;font-size:13px}.rate-input:focus{border-color:var(--accent);outline:none}.small-btn{border-radius:var(--radius-md);padding:8px 14px;font-size:13px}.muted-card-text{color:var(--text-secondary);margin-top:2px;margin-bottom:4px;font-size:12.5px}.live-rides-list{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent;flex-direction:column;gap:10px;max-height:440px;margin-top:14px;padding-right:2px;display:flex;overflow-y:auto}.live-ride-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);padding:13px 14px;transition:border-color .15s;position:relative;overflow:hidden}.live-ride-item:hover{border-color:var(--accent)}.live-ride-item:before{content:"";background:var(--accent);border-radius:2px 0 0 2px;width:3px;height:100%;position:absolute;top:0;left:0}.live-ride-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.live-ride-fare{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:600}.live-ride-route{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.live-ride-route strong{color:var(--text-primary);font-weight:500}.live-ride-meta{color:var(--text-tertiary);border-top:1px solid var(--border-light);gap:3px;margin-top:8px;padding-top:8px;font-size:11.5px;display:grid}.live-ride-meta strong{color:var(--text-secondary);font-weight:500}.live-ride-actions{justify-content:flex-end;margin-top:10px;display:flex}.pulse-dot{color:var(--green-text);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.pulse-dot:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.quick-actions{gap:8px;margin-top:10px;display:grid}.quick-btn{text-align:left;border-radius:var(--radius-md);border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--text-primary);cursor:pointer;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s}.quick-btn:hover{background:var(--accent-dim);color:var(--blue-text);border-color:#3b7fff4d}.pricing-header{margin-bottom:16px}.pricing-header h3{margin-bottom:3px;font-size:15px;font-weight:600}.pricing-header p{color:var(--text-secondary);font-size:12.5px}.pricing-box{flex-direction:column;gap:12px;display:flex}.pricing-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;min-width:600px}.pricing-table th,.pricing-table td{border-bottom:1px solid var(--border-light);text-align:left;vertical-align:middle;padding:11px 14px}.pricing-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-raised);white-space:nowrap;font-size:10.5px;font-weight:600}.pricing-table tbody tr:hover{background:var(--bg-raised)}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-category-cell{align-items:center;gap:10px;display:flex}.pricing-category-text{flex-direction:column;gap:2px;display:flex}.pricing-category-text strong{color:var(--text-primary);font-size:13px;font-weight:600}.pricing-category-text span{color:var(--text-tertiary);text-transform:lowercase;font-size:11px}.cat-badge{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.cat-badge.basico{background:#3b7fff}.cat-badge.economico{background:#22c55e}.cat-badge.moto{background:#f59e0b}.cat-badge.comfort{background:#8b5cf6}.pricing-input{border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;min-width:88px;font:inherit;color:var(--text-primary);padding:7px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pricing-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.pricing-number{text-align:right;font-family:var(--font-mono)}.switch{width:38px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{cursor:pointer;background:var(--border-mid);border-radius:999px;transition:background .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translate(16px)}.simulator-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.sim-field{flex-direction:column;gap:6px;display:flex}.sim-field label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);font-size:11.5px;font-weight:600}.sim-result-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sim-result-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.sim-result-row span{color:var(--text-secondary)}.sim-result-row strong{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.sim-result-row.total{border-top:1px solid var(--border-mid);margin-top:2px;padding-top:10px}.sim-result-row.total strong{color:var(--accent);font-size:22px}.tarifas-kpi-grid{grid-template-columns:repeat(4,1fr)}.tarifa-kpi-text{letter-spacing:-.01em!important;font-size:16px!important;font-family:var(--font-ui)!important}.tarifas-layout{grid-template-columns:1fr 320px;gap:16px;display:grid}.tarifas-main-column,.tarifas-side-column{flex-direction:column;gap:16px;display:flex}.tarifas-page-title{align-items:center;gap:10px;display:flex}.tarifas-page-icon{background:var(--accent-dim);border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.tarifas-subtitle{color:var(--text-secondary);max-width:600px;margin-top:3px;font-size:13px}.tarifas-distribution-list{flex-direction:column;gap:4px;margin-top:12px;display:flex}.distribution-item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;transition:background .12s;display:flex}.distribution-item:hover{background:var(--bg-raised)}.distribution-left{align-items:center;gap:9px;font-size:13px;display:flex}.distribution-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.distribution-dot.basico{background:#3b7fff}.distribution-dot.economico{background:#22c55e}.distribution-dot.moto{background:#f59e0b}.distribution-dot.comfort{background:#8b5cf6}.distribution-status{font-size:12px;font-weight:600}.distribution-status.active{color:var(--green-text)}.distribution-status.inactive{color:var(--text-tertiary)}@media (width<=1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.content-grid,.tarifas-layout{grid-template-columns:1fr}.tarifas-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){:root{--sidebar-w:0px}.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px 16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.driver-form{grid-template-columns:1fr}.driver-form .primary-btn{grid-column:span 1}.topbar{flex-direction:column}.filters{flex-direction:column;width:100%}.simulator-grid{grid-template-columns:1fr}}@media (width<=520px){.kpi-grid{grid-template-columns:1fr}.topbar h2{font-size:22px}}.report-meta-chip{color:var(--blue-text);background:var(--accent-dim);border:1px solid #3b7fff2e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600}.settlement-table th,.settlement-table td{white-space:nowrap}.mono-cell{font-family:var(--font-mono);font-size:12.5px}.settlement-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.settlement-badge.pay{background:var(--green-bg);color:var(--green-text)}.settlement-badge.collect{background:var(--red-bg);color:var(--red-text)}.settlement-badge.settled{background:var(--purple-bg);color:var(--purple-text)}@media (width<=1280px){.reportes-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.reportes-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.reportes-kpi-grid{grid-template-columns:1fr}}.reportes-kpi-grid{grid-template-columns:repeat(6,1fr)}.settlement-row td{transition:background .15s}.settlement-row-pay td{background:#22c55e08}.settlement-row-collect td{background:#ef44440f}.settlement-row-settled td{background:#8b5cf608}.settlement-row:hover td{background:var(--bg-raised)!important}.settlement-table th[title]{cursor:help}.pay-text{color:var(--green-text);font-weight:700}.collect-text{color:var(--red-text);font-weight:700}.net-text{color:var(--blue-text);font-weight:700}@media (width<=1280px){.reportes-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.reportes-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.reportes-kpi-grid{grid-template-columns:1fr}}