:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#0084ff2e,#0000 35%),#07111f;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.auth-page{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#0a192bf2;border:1px solid #1d3552;border-radius:24px;width:min(440px,100%);padding:32px;box-shadow:0 25px 80px #0006}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#087cff,#00c6ff);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.brand h1,.brand p{margin:0}.brand h1{font-size:25px}.brand p{color:#8195ad;margin-top:3px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:28px 0;display:grid}.auth-tabs button{color:#9bb0c8;background:#0d1c2e;border:1px solid #223b59;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex}.auth-tabs button.active{color:#fff;background:#087cff;border-color:#087cff}label{color:#a9bbcf;margin:14px 0 7px;font-size:13px;display:block}input,select{color:#fff;background:#091827;border:1px solid #28425f;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#1688ff}.primary,.secondary,.danger{color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.primary{background:linear-gradient(135deg,#087cff,#00a8ff)}.secondary{background:#18304a}.danger{background:#c52e3f}form .primary{width:100%;margin-top:18px}.error{color:#ff8d98;background:#ff3a4b1f;border:1px solid #ff3a4b4d;border-radius:9px;margin-top:14px;padding:11px 13px}.app{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#06121fe6;border-bottom:1px solid #17304c;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:sticky;top:0}.brand.small .brand-icon{width:38px;height:38px}.user-area{color:#b8c8da;align-items:center;gap:12px;display:flex}.icon-button{color:#fff;background:#0c1c2e;border:1px solid #29435f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.container{width:min(1100px,92%);margin:auto;padding:35px 0 60px}.hero{background:linear-gradient(135deg,#09509661,#081a2ecc);border:1px solid #1a4269;border-radius:22px;justify-content:space-between;align-items:center;padding:30px;display:flex}.hero h2{margin:10px 0 4px;font-size:30px}.hero p{color:#91a8c0;margin:0}.badge{letter-spacing:1px;color:#62c7ff;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0;display:grid}.stat{background:#0b1b2c;border:1px solid #1a344e;border-radius:17px;align-items:center;gap:15px;padding:20px;display:flex}.stat svg{color:#1ca2ff}.stat small{color:#8195ad;display:block}.stat strong{margin-top:5px;font-size:20px;display:block}.card{background:#0b1a2a;border:1px solid #1a344e;border-radius:18px;margin-top:18px;padding:24px}.section-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-title svg{color:#18a0ff}.section-title h3{margin:0}.trip-form{grid-template-columns:1fr 1fr 150px 160px;gap:10px;display:grid}.trip-form .primary{width:auto;margin:0}.driver-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.online{color:#42e58b;font-size:14px}.trips{gap:10px;display:grid}.trip{background:#091827;border:1px solid #1a344e;border-radius:14px;justify-content:space-between;gap:20px;padding:18px;display:flex}.trip-main p{color:#8da2b9;align-items:center;gap:6px;margin:8px 0 0;font-size:14px;display:flex}.status{color:#8fb1d0;background:#162a40;border-radius:20px;margin-left:8px;padding:4px 8px;font-size:11px;display:inline-block}.trip-money{flex-direction:column;align-items:flex-end;gap:7px;min-width:150px;display:flex}.trip-money strong{font-size:18px}.trip-money small{color:#6f879f}.trip-money .primary{width:auto;margin:0}.empty{text-align:center;color:#71879f;padding:30px}footer{color:#617991;justify-content:space-between;padding:30px 5px;font-size:13px;display:flex}@media (width<=850px){.trip-form{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}}@media (width<=600px){.auth-card{padding:22px}.container{width:94%}.hero{padding:22px}.hero h2{font-size:23px}.trip-form,.driver-grid{grid-template-columns:1fr}.trip{flex-direction:column}.trip-money{align-items:stretch}footer{flex-direction:column;gap:8px}}.auth-page{background:radial-gradient(circle at 50% 8%,#0099ff2e,#0000 30%),radial-gradient(circle at 10% 90%,#005cff1f,#0000 30%),#050d18;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0d233af7,#05111ef7);border:1px solid #37a6ff47;border-radius:28px;width:min(455px,100%);padding:34px;position:relative;box-shadow:0 35px 100px #00000094,0 0 45px #007eff14}.auth-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#20aaff,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.brand{gap:15px}.brand-icon{color:#0000;background:url(/arranca-rd-mark.svg) 50%/82% no-repeat;border:1px solid #2db1ff6b;border-radius:19px;flex:none;width:64px;height:64px;box-shadow:0 0 28px #0091ff33,inset 0 0 20px #0091ff14}.brand h1{letter-spacing:-.8px;background:linear-gradient(90deg,#fff,#8bdcff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:850}.brand p{color:#73a9c9;letter-spacing:.4px;font-size:13px}.auth-tabs{background:#030f1bbf;border:1px solid #1b3550;border-radius:13px;margin:30px 0 24px;padding:4px}.auth-tabs button{background:0 0;border:0;transition:all .2s}.auth-tabs button:hover{color:#fff;background:#1478c81f}.auth-tabs button.active{background:linear-gradient(135deg,#087cff,#00b8ff);box-shadow:0 7px 20px #0084ff38}input,select{background:#04111ee6;border-color:#254663;border-radius:13px;transition:all .2s}input:hover,select:hover{border-color:#356487}input:focus,select:focus{border-color:#159cff;box-shadow:0 0 0 3px #159cff1a}.primary{background:linear-gradient(135deg,#087cff,#00b7ff);transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 9px 24px #007eff33}.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px #0091ff47}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.app{background:radial-gradient(circle at 80% 0,#0084ff1a,#0000 28%),#07111f}.topbar{border-bottom-color:#2071aa47}.hero{position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.hero:after{content:"";border:1px solid #2db4ff2e;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-80px;box-shadow:0 0 60px #0082ff1f}.card,.stat,.trip{transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover,.stat:hover{border-color:#238fd27a;box-shadow:0 15px 40px #00000029}.stat svg,.section-title svg{filter:drop-shadow(0 0 8px #0099ff59)}.status.completed{color:#48e49a;background:#30d0871a}.status.in_progress{color:#61c7ff;background:#0096ff1a}.status.accepted{color:#ffd166;background:#ffd1661a}.status.pending{color:#9eb5ca}footer{border-top:1px solid #1f3e5959;margin-top:25px}@media (width<=600px){.auth-page{padding:14px}.auth-card{border-radius:23px;padding:24px 20px}.brand-icon{width:58px;height:58px}.brand h1{font-size:25px}.auth-tabs{margin-top:25px}}.app{isolation:isolate;position:relative;overflow:hidden}.app:before{content:"";z-index:-2;pointer-events:none;opacity:.27;filter:drop-shadow(0 0 12px #00aeffa6)drop-shadow(0 0 45px #0078ff59);background:url(/arranca-rd-mark.svg) 50%/48% no-repeat,radial-gradient(circle,#00aeff29 0%,#0077ff17 28%,#00469609 50%,#0000 70%);width:min(760px,80vw);height:min(760px,80vw);animation:7s ease-in-out infinite arrancaFloat,4.5s ease-in-out infinite arrancaGlow;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)}.app:after{content:"";z-index:-3;pointer-events:none;border:1px solid #00a6ff1a;border-radius:50%;width:min(650px,70vw);height:min(650px,70vw);animation:24s linear infinite arrancaRotate;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #0091ff14,inset 0 0 45px #0091ff0d}.hero,.stats,.card,footer{z-index:1;position:relative}.app .container:before{content:"";z-index:-1;pointer-events:none;filter:blur(18px);background:linear-gradient(90deg,#0000,#41cdff0b,#41cdff1f,#41cdff0b,#0000);width:340px;height:900px;animation:11s ease-in-out infinite arrancaScan;position:fixed;top:-250px;left:-300px;transform:rotate(28deg)}@keyframes arrancaFloat{0%,to{transform:translate(-50%,-50%)scale(1)rotateX(0)}50%{transform:translate(-50%,-52%)scale(1.035)rotateX(2deg)}}@keyframes arrancaGlow{0%,to{opacity:.19;filter:drop-shadow(0 0 8px #00aeff73)drop-shadow(0 0 30px #0078ff40)}50%{opacity:.34;filter:drop-shadow(0 0 18px #00d2ffd9)drop-shadow(0 0 65px #0078ff80)}}@keyframes arrancaRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes arrancaScan{0%{opacity:0;left:-350px}15%{opacity:1}50%{opacity:.8;left:110%}65%,to{opacity:0;left:120%}}.topbar{box-shadow:0 8px 35px #00000038,0 1px #28aaff14}.brand-icon{transform-style:preserve-3d;transition:transform .3s,box-shadow .3s;position:relative}.brand-icon:hover{transform:perspective(500px)rotateY(-8deg)rotateX(5deg)translateY(-2px);box-shadow:0 0 25px #00aeff61,0 12px 30px #00000059,inset 0 0 20px #00aeff1f}.hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0950966b,#081a2ed1)}.stat,.card,.trip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-reduced-motion:reduce){.app:before,.app:after,.app .container:before{animation:none}}@media (width<=600px){.app:before{opacity:.2;background-size:42%;width:520px;height:520px;top:43%}.app:after{width:440px;height:440px}.app .container:before{display:none}}@keyframes loginCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loginAtmosphere{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@media (width>=1200px){.auth-card{width:455px}}@media (width<=900px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(90deg,#020a1694,#020a1647,#020a1694)}}@media (width<=600px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(#020a169e,#020a166b)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:none}}.auth-page{background:linear-gradient(90deg,#020a1647,#020f2314,#020a164d),url(/arranca-rd-login-bg.webp) 50%/cover no-repeat,#020b18;min-height:100vh;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,#00aeff14,#0000 35%),linear-gradient(90deg,#01081259,#0000 30% 70%,#01081259);position:absolute;inset:0}.auth-page:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0000 30%,#00081433 100%);animation:8s ease-in-out infinite loginAtmosphere;position:absolute;inset:-3%}.auth-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#071c33f5,#030f1df5);border:1px solid #25b2ff7a;position:relative;box-shadow:0 30px 100px #000000b8,0 0 45px #0091ff2e,inset 0 1px #ffffff14}.auth-card:before{content:"";filter:blur(.5px);opacity:.85;background:linear-gradient(90deg,#0000,#00c8ff,#fff,#00c8ff,#0000);height:2px;position:absolute;top:0;left:12%;right:12%}.brand-icon{transform-style:preserve-3d;position:relative;box-shadow:0 0 20px #00b7ff52,inset 0 0 15px #00b7ff1f}.auth-card{animation:6s ease-in-out infinite loginCardFloat}@media (width>=1200px){.auth-card{width:455px}}@media (width<=900px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(90deg,#020a1694,#020a1647,#020a1694)}}@media (width<=600px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(#020a169e,#020a166b)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:none}}