html,body,#root{background-color:#000;width:100%;height:100%;overflow:hidden}body{font-family:Poppins,Arial,sans-serif}.navbar{color:#fff;z-index:10;background:#111;justify-content:space-between;align-items:center;height:70px;padding:10px 40px;display:flex;position:relative}.logo img{height:50px;display:block}.menu{align-items:center;gap:20px;display:flex}.home-btn,.dropbtn{color:#fff;cursor:pointer;text-align:center;background:0 0;border:2px solid #fff;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.home-btn:hover,.dropbtn:hover{color:#000;background:#fff}.dropbtn .caret{transition:transform .2s;display:inline-block}.dropbtn.open .caret{transform:rotate(180deg)}.dropdown{width:fit-content;display:inline-block;position:relative}.dropdown-content{z-index:20;text-align:center;background-color:#000;border:1px solid #333;border-radius:6px;width:100%;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 12px #0006}.dropdown-content.active{display:block}.dropdown-content a{color:#fff;justify-content:center;align-items:center;padding:10px 0;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.dropdown-content a:hover{color:#fff;background-color:#333}.hero{background-color:#000;height:calc(100vh - 70px);margin:0;padding:0;position:relative;overflow:hidden}.hero img.background{object-fit:cover;border:none;width:100%;height:100%;margin:0;padding:0;display:block}.only-desktop{display:flex}.only-mobile{display:none}@media (max-width:768px){.only-desktop{visibility:hidden!important;display:none!important}.only-mobile{display:block!important}html,body,#root{background-color:#000;height:100%;overflow:hidden}.hero{z-index:0;background-color:#000;width:100%;height:100vh;position:fixed;top:0;left:0;margin:0!important;padding:0!important}.hero img.background{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;border:none!important;margin:0!important;padding:0!important}.hero:before{content:"";z-index:1;background:linear-gradient(#0006,#000000b3);position:absolute;inset:0}.home-overlay-card{color:#fff;z-index:2;text-align:center;background:#111111e6;border-radius:14px;width:90%;max-width:380px;padding:24px 18px 28px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000040}.home-card-title{margin-bottom:14px;font-size:18px;font-weight:700}.home-actions{gap:12px;display:grid}.home-btn,.dropbtn{border-radius:10px;justify-content:center;width:100%;height:42px;font-weight:700}.dropdown{width:100%}.dropdown-content{width:100%;left:0;right:0}}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (max-width:360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#000;width:100%;height:100%;font-family:Poppins,sans-serif;overflow-y:auto}.register-container{width:100%;min-height:100vh;display:flex}.image-side{background-color:#111;flex:1;overflow:hidden}.form-side{background-color:#0b0b0b;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:24px 40px 20px;display:flex}.form-header{text-align:center;margin-top:6px;margin-bottom:10px}.form-header img{width:64px;margin-bottom:4px}.form-header h2{letter-spacing:1px;font-size:20px;font-weight:700}.required-mark{color:#ff4f4f;margin-left:3px}form{flex-direction:column;gap:4px;width:100%;max-width:460px;display:flex}label{margin-bottom:0;font-size:13px;font-weight:600}input[type=text],input[type=email],input[type=password]{color:#000;background-color:#fff;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:8px 38px 8px 10px;font-size:13px;transition:all .2s}input::placeholder{color:#666}input:focus{border-color:#007bff;box-shadow:0 0 3px #007bff80}.input-wrapper{position:relative}.toggle-pass{color:#555;cursor:pointer;font-size:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-pass:hover{color:#000}.error{color:#ff4f4f;height:10px;margin-top:-2px;margin-bottom:0;font-size:11px}.checkbox-group{justify-content:center;align-items:center;gap:18px;margin-top:2px;margin-bottom:6px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}input[type=checkbox]{accent-color:#007bff;cursor:pointer;transform:scale(1.05)}button[type=submit]{color:#fff;cursor:pointer;background-color:#1760ff;border:none;border-radius:10px;margin-top:4px;padding:9px 0;font-size:14px;font-weight:600;transition:background .2s,transform .1s}button[type=submit]:hover:not(:disabled){background-color:#004de6;transform:translateY(-1px)}button:disabled{cursor:not-allowed;background-color:#444}@media (max-width:900px){.register-container{flex-direction:column;min-height:100vh}.image-side{height:200px}.form-side{padding:18px 14px 20px}form{max-width:100%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{width:100%;height:100%}body{margin:0;font-family:Arial,sans-serif}.register-container{width:100%;height:100vh;display:flex}.image-side{flex:1;overflow:hidden}.image-side img{object-fit:cover;width:100%;height:100%}.form-side{color:#fff;background-color:#111;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.form-header{text-align:center;margin-bottom:20px}.form-header img{margin:0 auto 10px;display:block}.form-header h2{text-transform:uppercase}form{flex-direction:column;gap:16px;width:min(70%,560px);display:flex}form label{margin-bottom:4px;font-weight:600}.field{background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;height:48px;padding:0 12px;display:flex;position:relative;overflow:hidden;box-shadow:none!important;border:none!important}.field .icon{color:#6b7280;flex:0 0 22px;justify-content:center;align-items:center;width:22px;display:inline-flex}.field input{flex:auto;min-width:0;height:100%;padding-right:44px;font-size:1rem;color:#111!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.field input::placeholder{color:#9aa0a6}.field .toggle-pass{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field .toggle-pass:hover{color:#374151}.field .toggle-pass:focus,.field .toggle-pass:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.field .toggle-pass i{color:inherit;font-size:18px;line-height:1}form button[type=submit]{color:#fff;letter-spacing:.5px;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;height:44px;font-weight:700;transition:background .15s,transform 20ms,box-shadow .15s}form button[type=submit]:hover{background:#1d4ed8}form button[type=submit]:active{transform:translateY(1px)}form button[type=submit]:disabled{color:#111;cursor:not-allowed;opacity:1;box-shadow:none;background:#a5d8ff}form button[type=submit]:disabled:hover{background:#a5d8ff}p{text-align:center;margin-top:12px}p a{color:#fff;text-decoration:underline;transition:color .2s}p a:hover{color:#ccc}.error{color:#ff4d4f;min-height:1.1em;font-size:.9rem}@media (max-width:900px){.register-container{background:url(../img/auto.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.register-container:before{content:"";z-index:0;background:linear-gradient(#00000073,#000000a6);position:absolute;inset:0}.image-side{display:none}.form-side{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111111e6;border-radius:16px;flex:none;width:90%;max-width:480px;margin:0 auto;padding:36px 32px 40px;position:relative;box-shadow:0 10px 40px #00000080}.form-header h2{margin-bottom:12px;font-size:1.3rem}form{gap:14px;width:100%}.field{height:46px}form button[type=submit]{height:46px;font-size:1rem}p{margin-top:16px;font-size:.95rem}}.modal-backdrop{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:92vw;max-width:420px;padding:20px 18px;animation:.15s ease-out modalIn;box-shadow:0 20px 50px #00000040}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal h3{margin:0 0 12px}.modal input{color:#111;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px;transition:border-color .15s,box-shadow .15s}.modal input::placeholder{color:#6b7280}.modal input:hover{border-color:#c5ccd8}.modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.btn:hover{filter:brightness(.95)}.btn.secondary{color:#111;background:#e5e7eb}.hint{color:#374151;min-height:18px;margin-top:6px;font-size:.9rem}.hint.ok{color:#16a34a}.hint.bad{color:#dc2626}body.modal-open{overflow:hidden}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-close{appearance:none;cursor:pointer;color:#111;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:22px;line-height:1}.modal-close:hover{background:#f3f4f6}.modal-close:focus{outline-offset:2px;outline:2px solid #2563eb}.field input:-webkit-autofill{-webkit-text-fill-color:#111!important;caret-color:#111!important;background-color:#fff!important;border:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.field input:-webkit-autofill:hover{-webkit-text-fill-color:#111!important;caret-color:#111!important;background-color:#fff!important;border:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.field input:-webkit-autofill:focus{-webkit-text-fill-color:#111!important;caret-color:#111!important;background-color:#fff!important;border:none!important;box-shadow:inset 0 0 0 1000px #fff!important}.field input:-webkit-autofill:active{-webkit-text-fill-color:#111!important;caret-color:#111!important;background-color:#fff!important;border:none!important;box-shadow:inset 0 0 0 1000px #fff!important}body{color:#fff;background-color:#141313;margin:0;font-family:Poppins,sans-serif}header.navbar{z-index:10;background:#111;border-bottom:2px solid #fff;justify-content:space-between;align-items:center;padding:8px 20px;position:relative;display:flex!important}header.navbar .logo img{width:120px;display:block}header.navbar .menu{align-items:center;gap:20px;display:flex!important}header.navbar .menu a,header.navbar .menu .linklike{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none}header.navbar .menu a:hover,header.navbar .menu a:focus-visible,header.navbar .menu .linklike:hover,header.navbar .menu .linklike:focus-visible{color:#2563eb;outline:none;text-decoration:none}.panel-container{text-align:center;margin-top:60px;padding:0 16px}.panel-container h2{color:#fff;margin-bottom:40px;font-size:1.5rem;font-weight:600}.botones{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.botones button{color:#000;cursor:pointer;background-color:#6ec8da;border:none;border-radius:4px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .2s}.botones button:hover{background-color:#9adbe6;transform:scale(1.05)}@media (max-width:768px){header.navbar{flex-direction:column;align-items:flex-start;padding:8px 16px}header.navbar .logo img{width:110px;margin-bottom:6px}header.navbar .menu{flex-wrap:wrap;justify-content:flex-end;gap:16px;width:100%;display:flex!important}header.navbar .menu a,header.navbar .menu .linklike{font-size:13px}.panel-container{margin-top:50px}.botones{flex-direction:column;gap:16px}.botones button{width:100%;max-width:320px;margin:0 auto}}.panel-container h2{justify-content:center;align-items:baseline;gap:4px;display:flex}#nombreUsuario{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;overflow:hidden}th:nth-child(2),td:nth-child(2){width:26%}th:nth-child(3){width:20%}td:nth-child(3){text-align:right;width:20%}th:nth-child(4),td:nth-child(4){width:20%}@media (max-width:640px){.table-wrap{display:none}.cards{display:block}}:root{--bg:#11131a;--surface:#222a3a;--surface-2:#2b3550;--text:#f2f4f8;--muted:#a4acc2;--brand:#2563eb;--ok:#22c55e;--bd:#2f3549;--focus:#3b82f6}.perfil-page{background:radial-gradient(900px 400px at 10% -20%,#27304a50,transparent),radial-gradient(900px 320px at 120% 10%,#3b245060,transparent),var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;display:flex}.perfil-topbar{border-bottom:1px solid var(--bd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#141822f2;align-items:center;gap:14px;padding:16px 20px;display:flex;position:sticky;top:0}.perfil-btn-back{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:15px;font-weight:600;transition:color .15s ease-in-out;display:inline-flex}.perfil-btn-back:hover{color:var(--brand);background:0 0}.perfil-btn-back:active,.perfil-btn-back:focus-visible{box-shadow:none;background:0 0;outline:none}.perfil-btn-back:hover,.perfil-btn-back:active,.perfil-btn-back:focus-visible{background:0 0;outline:none}.perfil-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 16px;display:flex}.perfil-title{margin-bottom:8px;font-size:clamp(26px,4vw,42px);font-weight:800}.perfil-subtitle{color:var(--muted);margin-bottom:32px}.perfil-card{background:linear-gradient(180deg,var(--surface),var(--surface-2));text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #474f66;border-radius:22px;width:100%;max-width:720px;padding:28px 28px 30px;box-shadow:0 10px 40px #00000059}#profileForm{grid-template-columns:1fr 1fr;gap:18px;display:grid}.perfil-full-row{grid-column:1/-1}@media (max-width:820px){#profileForm{grid-template-columns:1fr}}.perfil-field{flex-direction:column;gap:5px;display:flex}.perfil-field label{font-size:14px;font-weight:600}.perfil-required{color:#ff7a7a}.perfil-input-wrapper{position:relative}.perfil-input{color:#111827;background:#f9fafc;border:1px solid #cbd5f5;border-radius:12px;width:100%;padding:10px 16px;font-size:14px;transition:all .15s}.perfil-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #2563eb30}.perfil-input-with-eye{padding-right:52px}.perfil-input-readonly{color:#4b5563;cursor:not-allowed;background:#e5e7eb}.perfil-input-readonly:focus{box-shadow:none;border-color:#cbd5f5}.perfil-toggle-pass{color:#6b7280;cursor:pointer;background:0 0;border:none;width:auto;height:auto;padding:0;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.perfil-toggle-pass:hover,.perfil-toggle-pass:active{color:#111827;background:0 0}.perfil-toggle-pass:focus,.perfil-toggle-pass:focus-visible{box-shadow:none;outline:none}.perfil-checkboxes{background:0 0;border:none;border-radius:12px;flex-wrap:wrap;align-items:center;gap:40px;padding:10px 6px;display:flex}.perfil-chk span{font-size:14px;font-weight:600}.perfil-actions{flex-wrap:nowrap;justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.perfil-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:11px 22px;font-size:14px;font-weight:700;transition:all .2s}.perfil-btn-primary{background:var(--brand);color:#fff}.perfil-btn-primary:hover:not(:disabled){background:#004de6}.perfil-btn-ghost{color:#111827;background:#e5e7eb;border:1px solid #cbd5f5}.perfil-btn-ghost:hover{background:#f3f4ff}.perfil-error{color:#ff7676;font-size:12px;font-weight:600}.perfil-hint{color:var(--muted);font-size:12px}.perfil-hint-red{color:#ff7676}:root{--bg:#1b1b1b;--panel:#0f0f0f;--fg:#fff;--table-bg:#0d0d0d;--table-bd:#2b2b2b;--muted:#cbd5e1;--chip-bg:#020617;--chip-bd:#1f2937;--accent:#2563eb}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden auto}.topbar{background:var(--panel);z-index:10;border-bottom:1px solid #ffffff14;justify-content:flex-start;align-items:center;gap:12px;min-height:56px;padding:12px 18px;display:flex;position:sticky;top:0}.back{color:#fff;cursor:pointer;font-weight:600;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:0;display:inline-flex}.logo{height:32px}.wrap{max-width:1100px;min-height:100vh;margin:0 auto;padding:26px 14px 60px;overflow-x:hidden}h1{text-align:center;margin:8px 0 24px;font-size:clamp(22px,3.4vw,32px)}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.controls label{color:var(--muted);font-size:.92rem}.controls input,.controls select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 10px}.controls input::placeholder{color:#6b7280}.table-wrap{width:100%}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{z-index:1;color:#fff;text-align:center;border:1px solid var(--table-bd);white-space:nowrap;word-break:normal;background:#ef4444;padding:12px;font-weight:800;position:sticky;top:56px}tbody td{background:var(--table-bg);color:#e5e7eb;border:1px solid var(--table-bd);word-break:break-word;padding:12px}tbody tr:hover td{background:#121212}th:first-child,td:first-child{width:26%}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:right;width:12%}th:nth-child(4),td:nth-child(4){text-align:right;width:16%}th:nth-child(5),td:nth-child(5){width:12%}th:nth-child(6),td:nth-child(6){width:10%}th:nth-child(7),td:nth-child(7){width:12%}.vehiculo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nowrap{white-space:nowrap}.state{color:var(--muted);text-align:center;padding:18px 8px}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.pager button{color:#fff;cursor:pointer;background:#4507c0;border:1px solid #18034e;border-radius:8px;padding:8px 12px}.pager button[disabled]{opacity:.4;cursor:not-allowed}.pager .info{color:var(--muted);font-size:.95rem}.cards{display:none}.card-item{border:2px solid var(--accent);background:#020617;border-radius:20px;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex;box-shadow:0 10px 20px #00000073}.ci-top{background:#0f172a;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.ci-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ci-fecha{color:#e5e7eb;font-size:.86rem}.chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.chip{background:var(--chip-bg);border:1px solid var(--chip-bd);color:#e5e7eb;text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.82rem;display:flex}.chip-ganaste{color:#bbf7d0;background:#16a34a2e;border-color:#22c55e}.chip-perdi{color:#fecaca;background:#dc26262e;border-color:#f97373}.chip-estado{opacity:.9;border-style:dashed}@media (max-width:640px){.table-wrap{display:none}.cards{display:block}}.back{color:#fff;cursor:pointer;font-weight:600;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:0;transition:color .15s ease-in-out;display:inline-flex}.back:hover{color:var(--accent)}.back:focus,.back:focus-visible,.back:active{box-shadow:none;background:0 0;outline:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}