: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%}.dashboard-bottom{grid-template-columns:2fr 1.15fr .9fr;gap:16px;margin-top:18px;display:grid}.panel{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px}.panel h2{color:#111827;margin:0 0 14px;font-size:18px}.ventas-recientes table{border-collapse:collapse;width:100%;font-size:13px}.ventas-recientes th,.ventas-recientes td{text-align:left;border:1px solid #dbe3ec;padding:8px 7px}.producto-linea{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:10px;padding:9px 4px;font-size:13px;display:flex}.producto-linea strong{text-align:center;min-width:25px}.aviso{background:#fff8dc;border-radius:7px;margin-bottom:10px;padding:13px;font-size:13px;line-height:1.4}.aviso:last-child{background:#eaf4ff}@media (width<=1000px){.dashboard-bottom{grid-template-columns:1fr}}#root{min-height:100vh}*{box-sizing:border-box}body{color:#152033;background:#eaf0f6;margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif}button,input,select{font:inherit}.app-shell{background:#f7f9fc;border:1px solid #b9c7d8;width:125%;max-width:none;min-height:100vh;margin:0 0 0 -12.5%;overflow:visible}.top-titlebar{background:linear-gradient(#d9ecff,#bdd8f1);border-bottom:1px solid #9bb8d3;align-items:center;height:36px;padding:0 14px;font-size:13px;display:flex}.brand-small{margin-right:8px;font-weight:700}.system-name{color:#27384d}.window-buttons{letter-spacing:14px;color:#234;margin-left:auto;font-weight:700}.top-menu{background:#fff;border-bottom:1px solid #cad5e2;grid-template-columns:repeat(6,120px) 320px 190px 125px;column-gap:0;width:100%;min-height:54px;display:grid}.menu-item{color:#1b2738;cursor:pointer;letter-spacing:0;background:#fff;border:0;border-right-width:medium;justify-content:center;align-self:start;align-items:center;gap:7px;min-width:0;height:60px;padding:2px 7px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.15;display:flex}.menu-item:hover{color:#04753d;background:#eaf8f1;border:1px solid #19a763;border-radius:4px}.menu-item.active{color:#04753d;background:#eaf8ef;border:1px solid #19a763}.logo-area{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:2px 8px;display:flex}.logo-area-img{object-fit:contain;width:230px;height:100px;display:block}.logo-text{color:#101820;white-space:nowrap;font-size:37px;font-style:italic;font-weight:900;line-height:1}.logo-text span{color:#00a85a}.slogan{white-space:nowrap;margin-top:6px;font-size:11px;font-style:italic;font-weight:800}.user-box{text-align:left;letter-spacing:0;border-left:1px solid #d6dee8;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding:4px 12px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.15;display:flex}.logout-btn{color:#1f2a3a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b7c4d3;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;margin:10px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;display:flex}.logout-icon{fill:#dc3545;flex-shrink:0;width:20px;min-width:115px;height:20px}.logout-btn:hover{background:#fff2f2;border-color:#e68a8a}.dashboard{width:100%;padding:0 2px 18px}.welcome-panel{background:linear-gradient(90deg,#f8fbff,#fff);border-bottom:1px solid #d7e0ea;justify-content:space-between;align-items:stretch;height:145px;min-height:0;padding:0;display:flex;overflow:hidden}.welcome-panel>div:first-child{margin-left:22px;font-family:Segoe UI,Tahoma,Arial,sans-serif}.welcome-info{transform:translateY(40px)}.welcome-panel h1{color:#182235;margin:0;font-size:33px;line-height:1.1}.welcome-panel p{color:#41536b;margin:6px 0 0;font-size:16px}.welcome-banner{text-align:center;color:#182235;border-bottom:none;justify-content:flex-end;align-items:center;min-width:0;margin-left:auto;margin-right:0;padding:0;font-size:23px;font-style:italic;font-weight:900;line-height:1.05;display:flex;overflow:hidden}.welcome-banner-img{object-fit:contain;width:100%;height:100%;display:block}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:6px;margin-left:20px;margin-right:20px;display:grid}.quick-card{cursor:pointer;color:#162235;background:#fff;border:1px solid #b9c7d8;border-radius:7px;justify-content:center;align-items:center;gap:15px;min-width:0;min-height:60px;padding:12px;font-family:Segoe UI,Tahoma,Arial,sans-serif;display:flex;box-shadow:0 1px 2px #0000000a}.quick-card:hover{background:#edf9f3;border-color:#11a85b}.quick-card.primary{background:#edfbf3;border-color:#11a85b}.quick-card span{font-size:30px}.quick-icon{color:#10243a;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.quick-card strong{font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;font-weight:600;display:block}.quick-card small{margin-top:4px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:13px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;margin-left:20px;margin-right:20px;display:grid}.stat-card{background:#fff;border:1px solid #c7d2df;border-radius:7px;min-width:0;min-height:58px;padding:6px 10px}.stat-tire-img{object-fit:contain;flex-shrink:0;width:60px;height:60px;display:block}.stat-icon-money{color:#fff;background:#10243a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:27px;font-weight:700;display:inline-flex}.stat-icon-tire{color:#10243a;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stat-icon-tire svg{fill:currentColor;width:40px;height:40px}.stat-icon-tire .tire-hole{fill:#fff}.stat-icon-tire .tire-center{fill:currentColor}.stat-card:hover .stat-icon-tire{color:#0aa35b}.stat-card:hover .stat-icon-money{background:#0aa35b}.stat-title{justify-content:center;align-items:center;gap:8px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;display:flex}.stat-number{color:#172234;margin-top:7px;font-size:28px;font-weight:800}.stat-sub{color:#596b82;margin-top:5px}.dashboard-bottom{grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr) minmax(0,.95fr);gap:14px;margin-top:14px;margin-left:20px;margin-right:20px;display:grid}.ventas-recientes,.productos-vendidos,.avisos,.panel{background:#fff;border:1px solid #c7d2df;border-radius:7px;min-width:0}.ventas-recientes,.productos-vendidos,.avisos{min-height:170px;padding:12px}.ventas-recientes h2{text-align:left;justify-content:flex-start;align-items:center;gap:7px;margin:0 0 10px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:12px;font-weight:600;display:flex}.ventas-recientes table,.productos-vendidos table{border-collapse:collapse;table-layout:auto;width:100%}.ventas-recientes th,.ventas-recientes td{border:1px solid #d5dee8;padding:4px 8px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:12px;line-height:1.15}.ventas-recientes th{background:#edf3f8;font-weight:700}.productos-vendidos th,.productos-vendidos td{height:20px;padding:0 5px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:11px;line-height:1}.productos-vendidos tbody tr{height:20px}.productos-vendidos td{padding-top:0;padding-bottom:0}.ventas-recientes th:first-child,.ventas-recientes td:first-child{min-width:90px}.ventas-recientes th:nth-child(2),.ventas-recientes td:nth-child(2){min-width:120px}.statusbar{background:#eef3f8;border-top:1px solid #c7d2df;align-items:center;gap:20px;min-height:36px;padding:0 18px;font-size:13px;display:flex}.footer-right{margin-left:auto;font-style:italic;font-weight:700}.login-page{background:#f1f3f6;justify-content:center;align-items:center;min-height:100vh;padding:12px;display:flex}.login-card{background:#fff;border-radius:22px;grid-template-columns:1.15fr 1fr;width:min(1120px,88vw);height:min(650px,82vh);min-height:0;display:grid;overflow:hidden;box-shadow:0 18px 45px #00000029}.login-left{background-color:#f7fafc;background-image:url(/assets/login-ruta17-claro-BAMLwze3.png);background-position:top;background-repeat:no-repeat;background-size:102%;min-height:760px;position:relative;overflow:hidden}.login-left:after{content:"";z-index:0;pointer-events:none;border:64px solid #ffffff0b;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-210px;right:-215px}.login-tire-image{z-index:1;object-fit:contain;opacity:.96;pointer-events:none;width:420px;height:auto;display:block;position:absolute;bottom:-65px;right:-125px}.login-brand,.login-left h2,.login-left p,.login-benefits{z-index:2;position:relative}.login-brand{text-align:left;width:100%;margin-bottom:70px}.login-logo{letter-spacing:-4px;color:#fff;font-size:68px;font-style:italic;font-weight:900;line-height:.88}.login-logo span{color:#00d873}.login-logo-sub{letter-spacing:6px;color:#fff;margin-top:12px;padding-left:8px;font-size:14px;font-weight:800}.login-left h2{color:#fff;text-align:left;max-width:430px;margin:0 0 18px;font-size:39px;line-height:1.08}.login-left h2 span{color:#00d873}.login-left p{color:#dbe4ea;text-align:left;max-width:410px;margin:0;font-size:15px;line-height:1.5}.login-benefits{z-index:2;grid-template-columns:repeat(3,1fr);gap:18px;max-width:none;margin:0;display:grid;position:absolute;bottom:54px;left:54px;right:54px}.login-benefits div{border-right:1px solid #ffffff2e;flex-direction:column;gap:5px;padding-right:12px;display:flex}.login-benefits div:last-child{border-right:0}.login-benefits strong{color:#fff;font-size:12px;line-height:1.2}.login-benefits small{color:#aab9c5;padding-left:0;font-size:11px;line-height:1.3}.login-right{flex-direction:column;justify-content:flex-start;padding:32px 48px;display:flex}.login-welcome{text-align:left;width:100%;margin-bottom:16px}.login-welcome h2{color:#0c1526;margin:0 0 6px;font-size:36px;line-height:1.1}.login-welcome p{color:#526276;margin:0;font-size:18px}.login-right label{color:#162033;margin:0 0 8px;font-size:15px;font-weight:700}.login-right select,.login-right input{background:#fafbfc;border:1px solid #d5dbe4;border-radius:12px;outline:none;width:100%;height:54px;margin-bottom:16px;padding:0 16px;font-size:16px}.login-right select:focus,.login-right input:focus{border-color:#00a85a;box-shadow:0 0 0 3px #00a85a14}.login-right button{color:#fff;cursor:pointer;background:#0c1526;border:0;border-radius:12px;height:56px;margin-top:10px;font-size:17px;font-weight:700}.login-right button:hover{background:#16233a}@media (width<=800px){.login-page{padding:16px}.login-card{grid-template-columns:1fr;width:100%;min-height:auto}.login-left{min-height:520px;padding:40px 30px}.login-tire-image{width:330px;bottom:-35px;right:-100px}.login-right{padding:40px 30px}.login-welcome h2{font-size:30px}}@media (width<=1199px){.app-shell{width:calc(100% - 16px);margin:8px auto}.top-menu{grid-template-columns:repeat(3,1fr)}.logo-area,.user-box,.logout-btn{min-height:75px}.quick-actions,.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom{grid-template-columns:1fr 1fr}.avisos{grid-column:1/-1}}@media (width<=700px){.app-shell{border-left:0;border-right:0;width:100%;margin:0}.top-menu{grid-template-columns:repeat(2,1fr)}.logo-area,.user-box,.logout-btn{grid-column:1/-1}.dashboard{width:100%;padding:0 2px 18px;font-family:Segoe UI,Tahoma,Arial,sans-serif}.welcome-panel{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 10px}.welcome-panel h1{font-size:27px}.welcome-banner{width:100%;min-width:0;font-size:21px}.quick-actions,.stats-grid,.dashboard-bottom{grid-template-columns:1fr}.avisos{grid-column:auto}.ventas-recientes,.productos-vendidos{overflow-x:auto}.statusbar{flex-wrap:wrap;padding:8px 12px}.footer-right{width:100%;margin-left:0}}.login-right label{width:100%;font-weight:700;display:block;text-align:left!important;margin:0 0 8px!important}.login-input-box{width:100%;margin-bottom:24px;position:relative}.login-input-box .login-input-icon{z-index:5;margin:0;font-size:20px;line-height:1;position:absolute;top:32%;left:20px;transform:translateY(-50%)}.login-input-icon svg{fill:#8b98a8;width:21px;height:21px;display:block}.login-input-box input{box-sizing:border-box;width:100%;padding-left:58px!important}.menu-icon-svg{fill:#10243a;flex-shrink:0;width:25px;height:25px}.menu-item.active .menu-icon-svg{fill:#129956}.menu-item{position:relative}.menu-item:after{content:"";background:#cad5e2;height:1px;position:absolute;bottom:0;left:2px;right:2px}.ventas-icon{color:#000;fill:#000;stroke:#000}.stat-icon{color:#10243a;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.stat-icon svg{fill:currentColor;width:30px;height:30px}.stat-icon-clients{color:#10243a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stat-icon-clients svg{fill:currentColor;width:36px;height:36px;display:block}.stat-icon-stock{color:#10243a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.stat-icon-stock svg{fill:currentColor;width:36px;height:36px;display:block}.stat-card:hover .stat-icon-stock{color:#0aa35b}.bottom-title-icon{color:#10243a;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.bottom-title-icon svg{fill:currentColor;width:22px;height:22px;display:block}.productos-vendidos h2{text-align:left;justify-content:flex-start;align-items:center;gap:7px;margin:0 0 10px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;display:flex}.bottom-tire-img{object-fit:contain;width:32px;height:32px;display:block}.producto-linea{border-bottom:1px solid #d5dee8;justify-content:space-between;align-items:center;min-height:24px;padding:3px 4px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:11px;line-height:1;display:flex}.avisos h2{justify-content:flex-start;align-items:center;gap:7px;margin:0 0 10px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;display:flex}.aviso-title-icon{color:#10243a;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.aviso-title-icon svg{fill:currentColor;width:22px;height:22px}.tarjeta-venta{background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:14px}.titulo-tarjeta{color:#0b2f5b;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.grid-vehiculo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tarjeta-venta input,.tarjeta-venta select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px;font-size:14px}