.transporte-theme{--background:#0a1628;--foreground:#f8fafc;--card:#0f2140;--card-foreground:#f8fafc;--primary:#ff6b2c;--primary-foreground:#fff;--secondary:#1e3a5f;--secondary-foreground:#f8fafc;--muted:#ffffff14;--muted-foreground:#fff9;--accent:#3b82f6;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--border:#ff6b2c33;--input:#ffffff14;--ring:#ff6b2c;--radius:.75rem;background:var(--background);min-height:100vh;color:var(--foreground)}@keyframes roadMove{0%{background-position:0 0}to{background-position:0 100px}}@keyframes truckDrive{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lightTrail{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b2c80}50%{box-shadow:0 0 20px #ff6b2ccc,0 0 30px #ff6b2c66}}.road-pattern{position:relative;overflow:hidden}.road-pattern:before{content:"";opacity:.6;background:repeating-linear-gradient(#ffd93d 0 20px,#0000 20px 40px);width:4px;height:100%;animation:1s linear infinite roadMove;position:absolute;top:0;left:50%;transform:translate(-50%)}.truck-progress{background:linear-gradient(#1a2f4a 0%,#0f2140 100%);border-radius:12px;position:relative;overflow:hidden}.truck-progress:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49%,#ffffff08 49% 51%,#0000 51%);position:absolute;inset:0}.checkpoint{transition:all .3s;position:relative}.checkpoint:before{content:"";background:#1e3a5f;border:2px solid #3b82f6;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkpoint.completed:before{background:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e80}.checkpoint.active:before{background:#ff6b2c;border-color:#ff6b2c;animation:2s ease-in-out infinite glow}.truck-icon{animation:.5s ease-in-out infinite truckDrive}.truck-icon .wheel{animation:.5s linear infinite wheelSpin}.light-trail{background:linear-gradient(90deg,#0000,#ff6b2c,#ffd93d,#0000);height:2px;animation:2s ease-in-out infinite lightTrail;position:absolute}.transporte-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f2140e6 0%,#0a1628f2 100%);border:1px solid #ff6b2c26;border-radius:16px}.transporte-card:hover{border-color:#ff6b2c4d}.transporte-input{color:#f8fafc;background:#1e3a5f80;border:1px solid #ffffff1a;border-radius:8px;transition:all .2s}.transporte-input:focus{border-color:#ff6b2c;outline:none;box-shadow:0 0 0 3px #ff6b2c26}.transporte-input::placeholder{color:#fff6}.transporte-btn-primary{color:#fff;background:linear-gradient(135deg,#ff6b2c 0%,#ff8f5c 100%);border:none;border-radius:8px;font-weight:600;transition:all .2s}.transporte-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff6b2c4d}.transporte-btn-secondary{color:#f8fafc;background:0 0;border:1px solid #fff3;border-radius:8px;transition:all .2s}.transporte-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.transporte-checkbox{accent-color:#ff6b2c}.transporte-select{color:#f8fafc;background:#1e3a5f80;border:1px solid #ffffff1a;border-radius:8px}.transporte-chip{color:#ff8f5c;background:#ff6b2c26;border:1px solid #ff6b2c4d;border-radius:20px;padding:4px 12px;font-size:14px}.transporte-chip.active{color:#fff;background:#ff6b2c;border-color:#ff6b2c}.transporte-theme::-webkit-scrollbar{width:8px}.transporte-theme::-webkit-scrollbar-track{background:#ffffff05}.transporte-theme::-webkit-scrollbar-thumb{background:#ff6b2c4d;border-radius:4px}.transporte-theme::-webkit-scrollbar-thumb:hover{background:#ff6b2c80}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}