@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg:#090a0f;--sur:#12141d;--sur2:#1c1f2e;--brd:#2a2f45;--acc:#00d4ff;--acc2:#ff4785;--acc3:#00e676;--txt:#f8f9fa;--mut:#8b949e;--dan:#ff4d4d;--rad:12px}*,:before,:after{box-sizing:border-box;max-width:100%;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{background:var(--bg);color:var(--txt);background-image:radial-gradient(circle at 50% 0,#00d4ff0d,#0000 60%);max-width:100vw;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.bebas{font-family:Outfit,sans-serif;font-weight:700}div,section,article,header,footer,nav,main,aside{min-width:0}img,video,svg,canvas{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:DM Sans,sans-serif}input,select,textarea{font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg, var(--acc), #08f);color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--txt);border:1px solid var(--brd);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border-radius:8px;padding:.7rem 1.5rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-danger{color:var(--dan);background:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:8px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--dan);color:#fff;border-color:var(--dan);box-shadow:0 4px 15px #ff4d4d66}.input-base{border:1px solid var(--brd);color:var(--txt);background:#1c1f2e80;border-radius:8px;outline:none;width:100%;padding:.7rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.input-base:focus{border-color:var(--acc);background:#1c1f2ecc;box-shadow:0 0 0 3px #00d4ff26}.input-base::placeholder{color:var(--mut)}select.input-base option{background:var(--sur2)}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#14161fa6;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000004d}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14161fa6;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.card:hover{border-color:#ffffff1a}.card-title{color:#fff;align-items:center;gap:10px;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;display:flex}.badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.badge-moto{color:var(--acc);background:#00d4ff1a;border:1px solid #00d4ff33}.badge-carro{color:var(--acc2);background:#ff47851a;border:1px solid #ff478533}.badge-furgon{color:var(--acc3);background:#00e6761a;border:1px solid #00e67633}.badge-camion{color:var(--dan);background:#ff4d4d1a;border:1px solid #ff4d4d33}.badge-bus{color:#c864ff;background:#c864ff1a;border:1px solid #c864ff33}.table-wrap{border:1px solid var(--brd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161f66;border-radius:12px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}thead{background:#ffffff05}th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--mut);white-space:nowrap;border-bottom:1px solid var(--brd);padding:.8rem 1rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--brd);vertical-align:middle;padding:.8rem 1rem;transition:background .2s}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.text-muted{color:var(--mut)}.text-green{color:var(--acc3)}.text-accent{color:var(--acc)}.text-orange{color:var(--acc2)}.text-danger{color:var(--dan)}.empty-state{text-align:center;color:var(--mut);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;font-size:.95rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.4s forwards slideUp}.animate-fade-in{animation:.3s forwards fadeIn}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{border:1px solid var(--brd);color:var(--mut);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--txt);background:#ffffff14}.tab.active{color:var(--acc);border-color:var(--acc);background:#00d4ff1a;font-weight:600;box-shadow:inset 0 0 10px #00d4ff1a}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--mut);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;display:grid}.precio-preview{background:linear-gradient(145deg,#14161fcc,#0006);border:1px solid #00e67633;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding:1.2rem;display:flex;box-shadow:0 4px 20px #00e6760d}.precio-total{color:var(--acc3);letter-spacing:.5px;text-shadow:0 0 15px #00e6764d;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700}.emp-tag{color:var(--acc);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.rank-item{border:1px solid var(--brd);background:#ffffff05;border-radius:12px;align-items:center;gap:1.2rem;margin-bottom:.8rem;padding:1.2rem;transition:transform .2s,background .2s;display:flex}.rank-item:hover{background:#ffffff0a;transform:translate(4px)}.rank-num{text-align:center;width:32px;color:var(--mut);font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.rank-num.gold{color:gold;text-shadow:0 0 15px #ffd70066}.rank-num.silver{color:silver;text-shadow:0 0 10px #c0c0c066}.rank-num.bronze{color:#cd7f32;text-shadow:0 0 10px #cd7f3266}.rank-bar-bg{background:#ffffff1a;border-radius:6px;flex:1;max-width:150px;height:6px;overflow:hidden}.rank-bar{background:linear-gradient(90deg, var(--acc), #0fc);border-radius:6px;height:100%;transition:width .8s}.rank-count{color:var(--acc);text-align:right;min-width:44px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.del-btn{color:var(--mut);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 5px;font-size:.85rem;transition:all .15s}.del-btn:hover{color:var(--dan);background:#ff47571a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14161f80;border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006}.stat-card:before{content:"";width:4px;height:100%;transition:box-shadow .3s;position:absolute;top:0;left:0}.stat-card.blue:before{background:var(--acc);box-shadow:0 0 15px var(--acc)}.stat-card.green:before{background:var(--acc3);box-shadow:0 0 15px var(--acc3)}.stat-card.orange:before{background:var(--acc2);box-shadow:0 0 15px var(--acc2)}.stat-card.red:before{background:var(--dan);box-shadow:0 0 15px var(--dan)}.stat-label{color:var(--mut);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-size:.75rem;font-weight:600}.stat-value{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.stat-card.blue .stat-value,.stat-card.green .stat-value,.stat-card.orange .stat-value,.stat-card.red .stat-value{color:#fff}.stat-sub{color:#ffffff80;margin-top:.6rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500}.bar-tipo{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.bar-lbl{width:90px;font-size:.9rem;font-weight:500}.bar-bg{background:#ffffff0d;border-radius:4px;flex:1;min-width:80px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--acc), #0fc);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.bar-cnt{text-align:right;color:#fff;width:25px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.bar-rev{text-align:right;width:80px;color:var(--acc3);font-family:JetBrains Mono,monospace;font-size:.85rem}.frecuente-badge{color:gold;background:#ffd7001f;border:1px solid #ffd7004d;border-radius:20px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.search-bar{flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;display:flex}.search-bar input,.search-bar select{background:var(--sur2);border:1px solid var(--brd);color:var(--txt);border-radius:6px;outline:none;padding:.6rem .8rem;font-size:.86rem}.search-bar input{flex:1;min-width:160px}.search-bar input:focus,.search-bar select:focus{border-color:var(--acc)}.search-bar select option{background:var(--sur2)}.nuevo-form{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid;overflow:hidden}.nuevo-col{flex-direction:column;gap:1.2rem;padding-right:.5rem;display:flex;overflow-y:auto}.nuevo-col-right{flex-direction:column;gap:1rem;display:flex;overflow:hidden}.nuevo-placa-hora,.nuevo-cliente{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.app-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#12141dcc;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;padding:0 1rem;display:flex;position:sticky;top:0}.app-nav-link{cursor:pointer;letter-spacing:.5px;white-space:nowrap;color:var(--mut);border-bottom:3px solid #0000;flex-direction:row;align-items:center;gap:8px;padding:16px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.app-nav-link:hover{color:#fff;background:#ffffff05}.app-nav-link.active{color:var(--acc);border-bottom:3px solid var(--acc);background:linear-gradient(#0000,#00d4ff1a)}.nav-icon{font-size:16px;line-height:1}.nav-label{line-height:1}@media (width>=601px) and (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.nuevo-form{grid-template-columns:1fr;overflow:visible}.nuevo-col,.nuevo-col-right{padding-right:0;overflow:visible}.app-nav-link{gap:4px;padding:10px 12px;font-size:12px}.nav-icon{font-size:14px}}@media (width<=600px){html{font-size:15px}input,select,textarea{font-size:16px!important}.app-nav{border-bottom:2px solid #00d4ff26;padding:0}.app-nav-link{letter-spacing:.3px;border-top:3px solid #0000;border-bottom:none;flex-direction:column;flex:1 0 33.33%;justify-content:center;align-items:center;gap:3px;padding:10px 4px;font-size:10px}.app-nav .active{border-top-color:var(--acc);background:#00d4ff12}.nav-icon{font-size:18px}.nav-label{display:block}main{overflow-x:hidden;padding:.5rem!important}h1{letter-spacing:1px!important;font-size:clamp(1.4rem,6vw,1.8rem)!important}h2{font-size:clamp(1.1rem,5vw,1.6rem)!important}.header-date{display:none}.header-hora{color:var(--mut);font-size:12px}.nuevo-form{grid-template-columns:1fr;gap:1.2rem;padding:0;overflow:visible}.nuevo-col{gap:1rem;padding-right:0;overflow:visible}.nuevo-col-right{gap:1.2rem;overflow:visible}.nuevo-placa-hora,.nuevo-cliente,.form-grid{grid-template-columns:1fr;gap:.8rem}.nuevo-header{flex-direction:column;align-items:flex-start!important;gap:.2rem!important}.nuevo-vehiculos-grid button{flex:45%!important;min-width:100px!important;padding:.6rem!important;font-size:.95rem!important}.nuevo-adicionales-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.nuevo-actions{flex-direction:column;margin-top:.5rem;gap:.6rem!important}.nuevo-actions button{width:100%;flex:none!important;padding:1rem!important;font-size:1.1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.9rem;overflow:hidden}.stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.2rem,7vw,1.8rem);overflow:hidden}.stat-sub{font-size:.7rem}.stat-label{letter-spacing:.5px;margin-bottom:.3rem;font-size:.6rem}.search-bar{flex-direction:column;gap:.5rem}.search-bar input,.search-bar select{width:100%;min-width:unset}.table-wrap{border-radius:6px}.rank-item{gap:.8rem;padding:.9rem 1rem}.rank-count{min-width:36px;font-size:1.4rem}.rank-num{width:26px;font-size:1.6rem}.rank-bar-bg{max-width:80px}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10000;background:#1c1f2ee6;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-weight:500;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:-100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.toast.show{bottom:30px}@media print{.app-nav,.search-bar,.tabs,button,.del-btn,.pin-lock-overlay{display:none!important}@page{margin:1.5cm;size:A4 portrait}body,main,#root,html{color:#111!important;background:#fff!important;font-size:10pt!important}.card,.glass-panel,.stat-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;page-break-inside:avoid!important;background:#fff!important;border:1px solid #ddd!important;margin-bottom:1cm!important}h1,h2,h3,.card-title{color:#000!important;text-shadow:none!important;letter-spacing:normal!important}*{text-shadow:none!important;color:#222!important}.recharts-responsive-container{width:100%!important;height:300px!important}.recharts-tooltip-wrapper{display:none!important}.recharts-text{fill:#333!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#eee!important}.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;display:grid!important}.chart-grid{display:block!important}.app-main-header{background:0 0!important;border-bottom:2px solid #000!important;margin-bottom:20px!important;padding:0 0 10px!important}.header-date{color:#555!important}div[style*="background: linear-gradient"],div[style*="background: var(--acc"]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}