:root{font-family:Arial,Helvetica,sans-serif;color:#f5f5f5;background:#0c0d10}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:28px}.brand{font-size:22px;font-weight:900;letter-spacing:1px}.brand b{color:#ef333d}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2d35;padding-bottom:22px;margin-bottom:30px}.muted{color:#a5a5ae}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px}.card{background:#18191f;border:1px solid #303038;border-radius:15px;padding:22px;margin:10px 0}.big{font-size:30px;margin-top:10px}.red{color:#ff4750}.green{color:#58d6a0}table{border-collapse:collapse}td,th{padding:13px 10px;text-align:left;border-bottom:1px solid #32323a}th{color:#aaa;font-size:13px}input,select{background:#23242c;border:1px solid #454650;color:white;border-radius:8px;padding:12px;width:100%;margin:7px 0 15px}button{background:#db2635;color:white;border:0;border-radius:9px;padding:12px 20px;cursor:pointer;font-weight:700}.tabs{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.tabs a{padding:10px 15px;border-radius:8px;background:#22232a}.forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.small{font-size:13px}.error{color:#ff7373}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#f5f6fa;background:#0b0e14}body{background:radial-gradient(ellipse at top right,#1b202c 0,#0b0e14 55%);min-height:100vh}.shell{max-width:1480px;padding:34px}header{background:#151923;border:1px solid #2b303b;border-radius:18px;padding:24px 28px;margin-bottom:32px;gap:18px}.brand{font-size:25px;letter-spacing:1.5px}.brand b{color:#ff3548}h1{font-size:32px;letter-spacing:-1px;margin:20px 0 25px}h2{font-size:19px;letter-spacing:-.3px;margin:0 0 20px}.muted{color:#9ca5b5}.grid{gap:18px}.card{background:linear-gradient(145deg,#1b202b,#151923);border:1px solid #303746;border-radius:18px;padding:25px;margin:12px 0;box-shadow:0 8px 28px rgba(0,0,0,.12)}.grid .card{margin:0;min-height:128px}.big{font-size:34px;font-weight:800;letter-spacing:-1px;margin-top:14px}.green{color:#42d99a}table{width:100%}th{color:#a9b3c2;font-size:12px;text-transform:uppercase;letter-spacing:.6px}td{font-size:14px}td,th{padding:16px 12px;border-bottom:1px solid #303746}tbody tr:hover{background:#252b37}input,select,textarea{background:#111620;border:1px solid #394253;border-radius:10px;color:#fff;padding:13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff4053;box-shadow:0 0 0 3px rgba(255,64,83,.13)}button{background:linear-gradient(135deg,#ff4053,#c91f34);border-radius:10px;padding:13px 20px;transition:transform .2s,filter .2s}button:hover{filter:brightness(1.13);transform:translateY(-1px)}.forms{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.forms .card{margin:0}.tabs a{background:#202633;border:1px solid #343b49;border-radius:10px}.tabs a:hover{background:#303849}@media (max-width:700px){.shell{padding:16px}header{flex-direction:column;align-items:flex-start;padding:20px}.brand{font-size:21px}h1{font-size:27px}.card{padding:18px}.big{font-size:28px}.forms{grid-template-columns:1fr}}.dashboard-layout{max-width:1600px;display:grid;grid-template-columns:235px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.dealer-sidebar{position:-webkit-sticky;position:sticky;top:20px;background:#151923;border:1px solid #303746;border-radius:18px;padding:24px 16px;min-height:80vh}.sidebar-logo{font-size:19px;font-weight:900;letter-spacing:1px;padding:8px}.sidebar-logo b{color:#ff4053}.sidebar-logo small{display:block;font-size:12px;letter-spacing:4px;margin-top:5px}.sidebar-nav{display:flex;flex-direction:column;gap:9px;margin:35px 0}.sidebar-nav a{padding:14px;color:#b8c1d0;border-radius:11px;transition:background .2s,color .2s}.sidebar-nav a:focus,.sidebar-nav a:hover{background:#39252e;color:#fff}.dashboard-content{min-width:0}html{scroll-behavior:smooth}#clientes,#finanzas,#inicio,#inventario,#ventas{scroll-margin-top:25px}@media (max-width:900px){.dashboard-layout{grid-template-columns:1fr;gap:14px}.dealer-sidebar{position:static;min-height:auto;padding:16px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;margin:15px 0}.sidebar-nav a{padding:10px}}body[data-crm-section] .dashboard-content>.forms,body[data-crm-section] .dashboard-content>section{display:none}body[data-crm-section=clientes] section:has(#clientes),body[data-crm-section=finanzas] section:has(#finanzas),body[data-crm-section=inventario] section:has(#inventario),body[data-crm-section=ventas] section:has(#ventas){display:block}body[data-crm-section=clientes] .dashboard-content>.forms,body[data-crm-section=finanzas] .dashboard-content>.forms,body[data-crm-section=inventario] .dashboard-content>.forms,body[data-crm-section=ventas] .dashboard-content>.forms{display:grid}body[data-crm-section] .forms>form{display:none}body[data-crm-section=clientes] .forms>form:has(h2:first-child):nth-child(3),body[data-crm-section=finanzas] .forms>form:nth-child(4),body[data-crm-section=finanzas] .forms>form:nth-child(5),body[data-crm-section=inventario] .forms>form:has(h2:first-child):first-child,body[data-crm-section=ventas] .forms>form:has(h2:first-child):nth-child(2){display:block}body[data-crm-section=inicio] .dashboard-content>.grid{display:grid}body[data-crm-section]:not([data-crm-section=inicio]) .dashboard-content>.grid{display:none}body[data-crm-section=clientes] .forms>form:nth-child(3),body[data-crm-section=finanzas] .forms>form:nth-child(4),body[data-crm-section=finanzas] .forms>form:nth-child(5),body[data-crm-section=inventario] .forms>form:first-child,body[data-crm-section=ventas] .forms>form:nth-child(2){display:block}body[data-crm-section] .dashboard-content>h1{font-size:0}body[data-crm-section] .dashboard-content>h1:after{font-size:32px;font-weight:800}body[data-crm-section=inicio] .dashboard-content>h1:after{content:"Panel de control"}body[data-crm-section=inventario] .dashboard-content>h1:after{content:"Inventario de vehículos"}body[data-crm-section=ventas] .dashboard-content>h1:after{content:"Control de ventas"}body[data-crm-section=clientes] .dashboard-content>h1:after{content:"Administración de clientes"}body[data-crm-section=finanzas] .dashboard-content>h1:after{content:"Control financiero"}body[data-crm-section=clientes] .sidebar-nav a[href="#clientes"],body[data-crm-section=finanzas] .sidebar-nav a[href="#finanzas"],body[data-crm-section=inicio] .sidebar-nav a[href="#inicio"],body[data-crm-section=inventario] .sidebar-nav a[href="#inventario"],body[data-crm-section=ventas] .sidebar-nav a[href="#ventas"]{background:#db2635;color:white;font-weight:800;border-radius:10px}.sidebar-nav a{display:block;transition:background .2s ease}@media (max-width:700px){.dashboard-layout{display:block;padding:12px}.dealer-sidebar{min-height:auto;margin-bottom:16px;padding:14px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.sidebar-nav a{text-align:center;padding:13px 8px;font-size:14px}.dashboard-content{min-width:0}.dashboard-content header{flex-direction:column;align-items:flex-start;gap:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .card{padding:14px;min-height:105px}.big{font-size:25px;overflow-wrap:anywhere}.dashboard-content section.card{overflow-x:auto}table{min-width:550px}input,select,textarea{font-size:16px}}@media (max-width:380px){.grid{grid-template-columns:1fr}}body[data-crm-language=en][data-crm-section=inicio] .dashboard-content>h1:after{content:"Dashboard"}body[data-crm-language=en][data-crm-section=inventario] .dashboard-content>h1:after{content:"Vehicle Inventory"}body[data-crm-language=en][data-crm-section=ventas] .dashboard-content>h1:after{content:"Sales Management"}body[data-crm-language=en][data-crm-section=clientes] .dashboard-content>h1:after{content:"Customer Management"}body[data-crm-language=en][data-crm-section=finanzas] .dashboard-content>h1:after{content:"Financial Management"}body[data-crm-language=en] .sidebar-nav a{font-size:0}body[data-crm-language=en] .sidebar-nav a:after{font-size:14px}body[data-crm-language=en] .sidebar-nav a[href="#inicio"]:after{content:"▦ Dashboard"}body[data-crm-language=en] .sidebar-nav a[href="#inventario"]:after{content:"▣ Inventory"}body[data-crm-language=en] .sidebar-nav a[href="#ventas"]:after{content:"$ Sales"}body[data-crm-language=en] .sidebar-nav a[href="#clientes"]:after{content:"♙ Customers"}body[data-crm-language=en] .sidebar-nav a[href="#finanzas"]:after{content:"◈ Finances"}@media (max-width:700px){.dealer-sidebar{padding:14px;min-height:auto}.dealer-sidebar .sidebar-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:2px;gap:2px;margin:0;padding:10px 5px calc(10px + env(safe-area-inset-bottom));background:#151923;border-top:1px solid #303746;box-shadow:0 -5px 25px rgba(0,0,0,.35)}.dealer-sidebar .sidebar-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:54px;padding:8px 2px;font-size:11px;overflow-wrap:anywhere}body[data-crm-language=en] .sidebar-nav a:after{font-size:11px}.dashboard-layout{padding-bottom:calc(95px + env(safe-area-inset-bottom))}}