@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600&family=Orbitron:wght@500;700;900&display=swap";
@keyframes pulse{0%,to{opacity:1}50%{opacity:.15}}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.feature-card{transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.clientes-desktop-table,.table-desktop{display:block}.clientes-mobile-cards,.table-mobile{display:none}:root{--green:#10b981;--green-dark:#059669;--green-light:#10b98114;--green-mid:#6ee7b7;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#2563eb14;--accent:#3b82f6;--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--border:#00000014;--border2:#0000001f;--text:#1e293b;--text2:#475569;--text3:#64748b;--radius:12px;--radius-lg:18px;--sidebar-w:270px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 12px #0000001a}[data-theme=dark]{--green:#0284c7;--green-dark:#0369a1;--green-light:#0284c71a;--green-mid:#38bdf8;--accent:#0284c7;--primary:#0284c7;--primary-dark:#0369a1;--primary-light:#0284c71f;--bg:#0b1020;--surface:#161d31;--surface2:#1b2238;--border:#ffffff0f;--border2:#ffffff1a;--text:#e7ecf6;--text2:#8a93ad;--text3:#5c6580;--shadow-sm:0 1px 3px #0006;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 4px 16px #0009}[data-theme=dark] body{color:#e7ecf6;background:#0b1020}html[data-home-theme=light] body{background:#fff}html[data-home-theme=dark] body{background:#0a0a0a}[data-theme=dark] .sidebar{background:#0d1226;border-color:#ffffff0a}[data-theme=dark] .nav-item{color:#8a93ad}[data-theme=dark] .nav-item:hover{color:#e7ecf6;background:#ffffff0a}[data-theme=dark] .nav-item.active{color:#38bdf8;background:linear-gradient(90deg,#0284c72e,#0284c70d)}[data-theme=dark] .nav-item.active:before{background:linear-gradient(#38bdf8,#0284c7)}[data-theme=dark] .nav-item.active svg{stroke:#38bdf8}[data-theme=dark] .topbar{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .topbar h2{color:#e7ecf6}[data-theme=dark] .topbar-desc{color:#8a93ad!important}[data-theme=dark] .card{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .modal{color:#e7ecf6;background:#161d31}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .modal h3{color:#e7ecf6}[data-theme=dark] .modal label{color:#8a93ad}[data-theme=dark] .app input:not([type=file]):not([type=checkbox]):not([type=radio]),[data-theme=dark] .app select,[data-theme=dark] .app textarea{color:#e7ecf6!important;background-color:#1b2238!important;border-color:#ffffff1a!important}[data-theme=dark] .app input::placeholder,[data-theme=dark] .app textarea::placeholder{color:#5c6580!important}[data-theme=dark] .s-card{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .s-val{color:#e7ecf6}[data-theme=dark] .s-label{color:#5c6580}[data-theme=dark] .tbl thead th{color:#8a93ad;background:#1b2238;border-color:#ffffff0f}[data-theme=dark] .tbl tbody td{color:#e7ecf6;border-color:#ffffff0f}[data-theme=dark] .tbl tbody tr:hover{background:#ffffff05}[data-theme=dark] .sb-section{color:#5c6580}[data-theme=dark] .sb-logo h1{color:#fff}[data-theme=dark] .sb-logo p{color:#5c6580}[data-theme=dark] .sb-footer .name{color:#e7ecf6}[data-theme=dark] .sb-footer .plan{color:#5c6580}[data-theme=dark] .btn-primary{color:#fff;background:#0284c7}[data-theme=dark] .btn-primary:hover{background:#0369a1}[data-theme=dark] .btn{color:#e7ecf6;border-color:#ffffff1f}[data-theme=dark] .btn:hover{background:#ffffff0d}[data-theme=dark] .btn-ghost{color:#8a93ad}[data-theme=dark] .mobile-menu-btn{color:#e7ecf6;background:#161d31;border-color:#ffffff1a}[data-theme=dark] .table-mobile .mobile-card{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .filter-tabs button{color:#5c6580}[data-theme=dark] .filter-tabs button.active{color:#0284c7;border-color:#0284c7}[data-theme=dark] .stat-card,[data-theme=dark] .quick-action{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .quick-action:hover{background:#1b2238}[data-theme=dark] .badge{color:#8a93ad;background:#1b2238}[data-theme=dark] .content{background:#0b1020}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.content{background:var(--bg)}*{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}input,select,textarea,button[type=button]{font-family:inherit}.app input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),.app select,.app textarea{-webkit-appearance:none;background-color:var(--surface)!important;background:var(--surface)!important;color:var(--text)!important;border-color:var(--border2)!important}.app input:focus,.app select:focus,.app textarea:focus{background-color:var(--surface)!important;background:var(--surface)!important;border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px #2563eb1a!important}.app input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.app input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.app input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-dark)}a.btn,a.btn:hover{color:var(--text)}a.btn-primary,a.btn-primary:hover{color:#fff}a.btn-ghost{color:var(--text2)}a.btn-ghost:hover{color:var(--text)}a.tb-cta,a.tb-cta:hover{color:#fff}a.tb-icon-btn{color:#4a5160}a.tb-icon-btn:hover{color:#1a4cff}a.nav-item{color:#4a5160}a.nav-item:hover{color:#0d0d12}a.nav-item.active{color:#1a4cff}a.quick-action,a.quick-action:hover{color:var(--text)}.app{height:100vh;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.content{flex:1;padding:32px 36px;overflow-y:auto}@keyframes carScanLine{0%{left:-2%}to{left:102%}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}.sidebar{width:var(--sidebar-w);color:#4a5160;background:#fff;border-right:1px solid #e4e7ec;flex-direction:column;flex-shrink:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;display:flex;position:relative;overflow-y:auto}.sidebar:after{display:none}.sb-logo{border-bottom:1px solid #e4e7ec;padding:22px 20px 16px;position:relative}.sb-logo:after{display:none}.sb-logo h1{color:#0d0d12;letter-spacing:-.02em;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;display:flex}.sb-logo h1 .logo-dot{background:#1a4cff;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 4px #1a4cff26}.sb-logo h1 .logo-badge{color:#fff;letter-spacing:0;background:#1a4cff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px 10px -4px #1a4cff73}.sb-logo p{color:#7a8295;letter-spacing:.01em;margin-top:4px;padding-left:42px;font-size:12px}.sb-section{color:#7a8295;letter-spacing:.08em;text-transform:uppercase;padding:22px 20px 8px;font-size:11px;font-weight:700;position:relative}.sb-section:before{display:none}.nav-item{cursor:pointer;color:#4a5160;border-radius:10px;align-items:center;gap:12px;margin:2px 10px;padding:11px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#0d0d12;background:#f5f7fb}.nav-item:hover svg{opacity:.85}.nav-item.active{color:#1a4cff;background:#eaf0ff;font-weight:600}.nav-item.active:before{content:"";background:#1a4cff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0}.nav-item svg{opacity:.6;flex-shrink:0;width:18px;height:18px;transition:opacity .15s}.nav-item.active svg{opacity:1;stroke:#1a4cff}.sb-footer{border-top:1px solid #e4e7ec;margin-top:auto;padding:16px;position:relative}.sb-footer:before{display:none}.taller-chip{border-radius:var(--radius);background:#f5f8ff;border:1px solid #d6e0ff;align-items:center;gap:9px;padding:11px 13px;display:flex}.taller-chip .dot{background:#1a4cff;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #1a4cff2e}.taller-chip .dot.dot-red{background:#e11d48;box-shadow:0 0 0 3px #e11d482e}.taller-chip .name{color:#0d0d12;font-size:14px;font-weight:700}.taller-chip .plan{color:#7a8295;font-size:12px}.sb-system-info{border-top:1px solid #e4e7ec;margin-top:14px;padding-top:10px}.sb-system-status{color:var(--text3);align-items:center;gap:6px;padding:2px 0;font-family:monospace;font-size:11px;display:flex}.sb-status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sb-status-cyan{background:var(--accent)}.sb-system-ver{color:var(--text3);text-align:center;margin-top:6px;font-family:monospace;font-size:10px}.topbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:14px 32px;display:flex;position:relative}.topbar:after{display:none}.topbar h2{letter-spacing:-.01em;color:var(--text);font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.topbar-desc{color:var(--text3);margin-top:2px;font-size:14px;font-weight:400;line-height:1.4}.topbar-info{flex-direction:column;display:flex}.tb-actions{align-items:center;gap:10px;display:flex}.topbar.topbar-v2{background:#fff;border-bottom:1px solid #e4e7ec;gap:24px;min-height:68px;padding:12px 28px}.tb-search{flex:1;align-items:center;max-width:560px;display:flex;position:relative}.tb-search-icon{color:#7a8295;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.tb-search-input{color:#0d0d12;background:#f5f7fb;border:1px solid #e4e7ec;border-radius:999px;outline:none;width:100%;padding:11px 60px 11px 44px;font-family:Manrope,sans-serif;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.tb-search-input::placeholder{color:#7a8295}.tb-search-input:focus{background:#fff;border-color:#1a4cff;box-shadow:0 0 0 3px #1a4cff1f}.tb-search-kbd{color:#4a5160;pointer-events:none;background:#fff;border:1px solid #e4e7ec;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tb-icon-btn,a.tb-icon-btn{color:#4a5160;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tb-icon-btn:hover,a.tb-icon-btn:hover{color:#1a4cff;background:#f5f7fb;border-color:#e4e7ec}.tb-cta,a.tb-cta{color:#fff;cursor:pointer;background:#1a4cff;border:none;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:10px 20px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.tb-cta:hover,a.tb-cta:hover{color:#fff;background:#1740d9}.tb-cta:active{transform:translateY(1px)}.dash-greeting{background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 32px 20px;display:flex}.dash-greeting h1{letter-spacing:-.02em;color:#0d0d12;margin:0;font-family:Manrope,sans-serif;font-size:28px;font-weight:800}.dash-greeting-sub{color:#4a5160;margin-top:6px;font-size:14px;line-height:1.5}.dash-greeting-date{text-align:right;flex-shrink:0}.dash-greeting-day{color:#7a8295;font-size:13px;font-weight:500}.dash-greeting-fulldate{color:#0d0d12;margin-top:2px;font-size:14px;font-weight:700}@media (max-width:768px){.topbar.topbar-v2{gap:12px;min-height:60px;padding:10px 16px}.tb-search-kbd{display:none}.tb-search-input{padding-right:16px}.tb-cta{padding:9px 16px;font-size:13px}.dash-greeting{flex-direction:column;padding:20px 16px 14px}.dash-greeting h1{font-size:22px}.dash-greeting-date{text-align:left}}.btn{border-radius:var(--radius);border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;min-height:44px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.btn:hover,a.btn:hover{background:var(--surface2);box-shadow:var(--shadow-sm);color:var(--text)}.btn-primary,a.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.btn-primary:hover,a.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn-outline{border:1.5px solid var(--border2);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-sm{min-height:38px;padding:8px 16px;font-size:14px}.btn-ghost,a.btn-ghost{color:var(--text2);background:0 0;border-color:#0000}.btn-ghost:hover,a.btn-ghost:hover{background:var(--surface2);box-shadow:none;color:var(--text)}.btn-dashed{border:1.5px dashed var(--border2);color:var(--text2);text-align:center;border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;padding:13px;font-size:15px}.btn-dashed:hover{background:var(--surface2);border-color:var(--primary);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px;position:relative}.stat-card .s-label{color:var(--text3);letter-spacing:.01em;margin-bottom:8px;font-size:14px;font-weight:600}.stat-card .s-val{letter-spacing:-.02em;color:var(--text);font-size:32px;font-weight:700}.stat-card .s-sub{color:var(--text3);margin-top:4px;font-size:13px}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty-state-wrap{padding:40px 0}.empty-state-inner{align-items:center;gap:48px;max-width:820px;margin:0 auto;padding:0 24px;display:flex}.empty-state-illust{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:280px;height:220px;display:flex;position:relative;overflow:hidden}.empty-state-title{color:var(--text);margin-bottom:10px;font-size:28px;font-weight:700}.empty-state-desc{color:var(--text2);margin-bottom:20px;font-size:16px;line-height:1.6}.empty-state-help{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:32px auto 0;padding:14px 24px;display:flex}.quick-action{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .15s;display:flex}.quick-action:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.qa-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.qa-text{color:var(--text);font-size:15px;font-weight:700}.qa-desc{color:var(--text3);margin-top:2px;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px;font-weight:500}th{text-align:left;color:var(--text2);border-bottom:1px solid var(--border);background:var(--surface2);letter-spacing:.01em;padding:14px 18px;font-size:14px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text);padding:16px 18px;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.td-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.badge{border-radius:20px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.b-green{background:var(--green-light);color:var(--green-dark)}.b-amber{color:#633806;background:#faeeda}.b-red{color:#501313;background:#fcebeb}.b-blue{color:#0c447c;background:#e6f1fb}.b-gray{background:var(--surface2);color:var(--text3)}.b-purple{color:#3c3489;background:#eeedfe}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{color:var(--text2);font-size:15px;font-weight:600}.form-row input,.form-row select,.form-row textarea{border-radius:var(--radius);border:1px solid var(--border2);background:var(--surface);color:var(--text);padding:13px 16px;font-size:16px;transition:all .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row textarea{resize:vertical;min-height:80px}.form-full{grid-column:1/-1}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-header h3{font-size:20px;font-weight:700}.vin-bar{gap:10px;margin-bottom:14px;display:flex}.vin-input{border-radius:var(--radius);border:1px solid var(--border2);background:var(--surface);letter-spacing:.06em;color:var(--text);flex:1;padding:10px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.vin-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.vin-status{border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:14px;padding:11px 16px;font-size:14px;display:flex}.vs-loading{color:#0c447c;background:#e6f1fb}.vs-ok{background:var(--green-light);color:var(--green-dark)}.vs-error{color:#501313;background:#fcebeb}.spinner{border:2px solid #0c447c4d;border-top-color:#0c447c;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tl-item{border-bottom:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.tl-item:last-child{border-bottom:none}.tl-dot-col{flex-direction:column;align-items:center;padding-top:3px;display:flex}.tl-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px}.tl-dot-gray{background:var(--text3)}.tl-line{background:var(--border);flex:1;width:1px;margin-top:4px}.tl-content{flex:1}.tl-title{margin-bottom:4px;font-size:15px;font-weight:600}.tl-meta{color:var(--text3);margin-bottom:6px;font-size:13px}.tl-desc{color:var(--text2);font-size:14px;line-height:1.6}.tl-repuestos{background:var(--surface2);border-radius:var(--radius);color:var(--text2);margin-top:8px;padding:10px 14px;font-size:13px}.tl-cost{background:var(--green-light);color:var(--green-dark);border-radius:20px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.info-field .lbl{color:var(--text3);letter-spacing:.01em;margin-bottom:4px;font-size:13px;font-weight:600}.info-field .val{font-size:15px;font-weight:600}.veh-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px 0;display:flex}.veh-icon{border-radius:var(--radius);background:#2563eb14;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.veh-icon svg{fill:#2563eb;width:28px;height:28px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;padding:16px;display:grid}.cal-day-name{color:var(--text3);text-align:center;letter-spacing:.02em;padding:4px;font-size:12px;font-weight:600}.cal-day{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:72px;padding:6px}.cal-day.today{border-color:var(--green);border-width:2px}.cal-day-num{color:var(--text3);margin-bottom:4px;font-size:12px;font-weight:500}.cal-day.today .cal-day-num{color:var(--green);font-weight:600}.cal-event{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-bottom:2px;padding:2px 6px;font-size:10px;overflow:hidden}.ce-green{background:var(--green-light);color:var(--green-dark)}.ce-blue{color:#0c447c;background:#e6f1fb}.ce-amber{color:#633806;background:#faeeda}.pres-line{border-bottom:1px solid var(--border);justify-content:space-between;padding:11px 0;font-size:14px;display:flex}.pres-line:last-child{border-bottom:none}.pres-total{justify-content:flex-end;gap:12px;padding:14px 0 0;font-size:15px;font-weight:600;display:flex}.cert-preview{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#0f6647 0%,#1a9e6e 100%);margin-bottom:16px;padding:28px;position:relative;overflow:hidden}.cert-preview:before{content:"";background:#ffffff0f;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.cert-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex;position:relative}.cert-logo{font-size:18px;font-weight:700}.cert-logo span{opacity:.7;font-size:13px;font-weight:400}.cert-id{opacity:.7;text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.cert-vehicle{z-index:1;margin-bottom:20px;position:relative}.cert-vehicle h2{margin-bottom:4px;font-size:22px;font-weight:700}.cert-vehicle p{opacity:.8;font-size:13px}.cert-stats{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.cert-stat{border-radius:var(--radius);background:#ffffff1f;padding:10px 12px}.cert-stat .cs-label{opacity:.7;margin-bottom:4px;font-size:10px}.cert-stat .cs-val{font-size:16px;font-weight:600}.planes-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .2s,transform .2s}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.featured{border:2px solid var(--green);box-shadow:0 4px 16px #1a9e6e26}.plan-feat{color:var(--text2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:7px 0;font-size:14px;display:flex}.plan-feat:last-child{border-bottom:none}.check-icon{width:14px;height:14px;color:var(--green);flex-shrink:0}.x-icon{width:14px;height:14px;color:var(--text3);flex-shrink:0}.quick-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.quick-action{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:center;gap:14px;padding:18px 20px;text-decoration:none;transition:all .2s;display:flex}.quick-action:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-action .qa-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quick-action .qa-text{font-size:15px;font-weight:600}.quick-action .qa-desc{color:var(--text3);margin-top:2px;font-size:13px}.notif{background:var(--text);color:#fff;border-radius:var(--radius);z-index:999;opacity:0;pointer-events:none;max-width:380px;box-shadow:var(--shadow-lg);padding:16px 22px;font-size:15px;font-weight:500;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(80px)}.notif.show{opacity:1;transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;padding:28px;overflow-y:auto}.modal h3{margin-bottom:22px;font-size:22px;font-weight:700}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.reg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden}.reg-card-head{border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.reg-card-body{padding:16px 18px}.mobile-bottom-nav{display:none}.sb-close-btn{cursor:pointer;z-index:301;color:#4a5160;background:#f5f7fb;border:1px solid #e4e7ec;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:none;position:absolute;top:18px;right:18px}.sb-close-btn:hover{color:#1a4cff;background:#eaf0ff;border-color:#d6e0ff}.mobile-menu-btn{z-index:200;width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:none;position:fixed;top:12px;left:14px;overflow:hidden}.mobile-menu-btn svg{stroke:var(--text)}.mobile-menu-btn:before{display:none}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-btn.menu-hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.mobile-overlay{z-index:299;background:#00000080;display:none;position:fixed;inset:0}.mobile-overlay.open{display:block}.grid-2-1{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3-1{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.planes-grid{grid-template-columns:1fr}.cal-grid{grid-template-columns:repeat(7,1fr)}.cal-day{min-height:56px}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sidebar{z-index:300;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#fff;width:100%;max-width:100%;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{overscroll-behavior:contain;transform:translate(0)}.nav-item{margin:3px 16px;padding:15px 24px;font-size:17px}.sb-section{padding:24px 24px 10px;font-size:13px}.sb-logo{padding:24px 24px 18px}.sb-logo h1{font-size:24px}.sb-footer{padding:20px 24px}.sb-close-btn,.mobile-menu-btn{display:flex}.mobile-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:299;opacity:0;pointer-events:none;background:#000000b3;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:14px 16px}.topbar h2{width:100%;font-size:15px}.topbar-desc{font-size:12px;display:none}.tb-actions{flex-wrap:wrap;width:100%}.tb-actions .btn{min-height:38px;padding:8px 14px;font-size:13px}.topbar-avatar{display:none!important}.content{max-width:100vw;padding:16px 16px 80px;overflow-x:hidden}.mobile-bottom-nav{z-index:250;border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,8px);background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.mobile-bottom-tab{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 8px;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.mobile-bottom-tab svg{width:22px;height:22px}.mobile-bottom-tab.active{color:#2563eb}.mobile-bottom-tab.active svg{stroke:#2563eb}.mobile-menu-btn{display:none!important}html,body,.app-layout{max-width:100vw;overflow-x:hidden}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.stat-card .s-label{font-size:12px;line-height:1.3}.stat-card .s-val{font-size:24px}.stat-icon{border-radius:8px!important;width:36px!important;height:36px!important}.stat-icon svg{width:18px;height:18px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:8px}.quick-action{gap:10px;padding:12px}.quick-action .qa-icon{border-radius:10px;width:36px;height:36px}.quick-action .qa-text{font-size:13px}.quick-action .qa-desc{font-size:11px}.empty-state-wrap{padding:20px 0}.empty-state-inner{text-align:center;flex-direction:column;gap:20px;padding:0 16px}.empty-state-illust{border-radius:16px;width:100%;max-width:240px;height:160px}.empty-state-title{font-size:22px}.empty-state-desc{font-size:14px}.empty-state-help{text-align:center;flex-direction:column;gap:10px;padding:12px 16px}.table-wrap{-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px);overflow-x:auto}th,td{white-space:nowrap;padding:8px 10px;font-size:12px}table{min-width:500px}.form-grid{grid-template-columns:1fr}.form-row input,.form-row select,.form-row textarea,input,select,textarea{font-size:16px!important}.vin-bar{flex-direction:column}.vin-input{font-size:16px!important}.card{padding:16px}.cert-stats{grid-template-columns:repeat(2,1fr)}.cert-preview{padding:20px}.cert-vehicle h2{font-size:18px}.cert-header{flex-direction:column;gap:12px}.planes-grid{grid-template-columns:1fr}.cal-grid{display:none}.cal-day{min-height:56px}.modal{border-radius:12px;max-width:100%;padding-bottom:80px}.modal-overlay{padding:12px}.modal-actions .btn-primary{flex:1}.info-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-wrap:wrap}.auth-page{flex-direction:column!important}.auth-left{display:none!important}.auth-right{padding:24px 20px!important}.notif{bottom:16px;left:16px;right:16px}.section-header{flex-wrap:wrap;gap:8px}.pres-line{font-size:12px}.grid-2-1,.grid-3-1,.rg{grid-template-columns:1fr!important}.clientes-desktop-table,.table-desktop{display:none}.clientes-mobile-cards,.table-mobile{display:block}.landing-nav-links{display:none!important}.landing-nav-mobile{display:flex!important}.admin-mobile-btn,.admin-close-btn{display:block!important}.admin-sidebar{z-index:999;transition:left .3s;top:0;bottom:0;left:-280px;width:280px!important;position:fixed!important}.admin-sidebar.admin-sidebar-open{left:0!important}[data-theme=dark] .sidebar{background:#0d1226}[data-theme=dark] .mobile-menu-btn{color:#e7ecf6;background:#161d31;border-color:#ffffff1a}[data-theme=dark] .mobile-bottom-nav{background:#161d31;border-color:#ffffff0f}[data-theme=dark] .mobile-bottom-tab{color:#5c6580}[data-theme=dark] .mobile-bottom-tab.active{color:#0284c7}[data-theme=dark] .mobile-bottom-tab.active svg{stroke:#0284c7}}.btn:active{transform:scale(.97)}.app input,.app select,.app textarea{transition:border-color .15s,box-shadow .15s}.modal{animation:.25s ease-out modalEnter}@keyframes modalEnter{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay.open{animation:.2s ease-out overlayFade}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.notif.show{animation:.35s cubic-bezier(.34,1.56,.64,1) notifSlide}@keyframes notifSlide{0%{opacity:0;transform:translateY(80px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.ficha-panel{box-shadow:-4px 0 16px #0000000f!important}.veh-card{transition:box-shadow .2s,border-color .2s}.veh-card:hover{box-shadow:var(--shadow-sm);border-color:var(--green-mid)}.vin-search-box{transition:box-shadow .2s}.vin-search-box:focus-within{box-shadow:0 0 0 3px #10b98114, var(--shadow-md)}.plan-card{position:relative;overflow:hidden}.content::-webkit-scrollbar{width:6px}.ficha-panel::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:0 0}.ficha-panel::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.ficha-panel::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:#0000002e}.ficha-panel::-webkit-scrollbar-thumb:hover{background:#0000002e}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface2) 25%, #e8e8e4 37%, var(--surface2) 63%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}