@import url("https://api.fontshare.com/v2/css?f[]=satoshi@700,500,400&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#1a1a1d;--bg-card:#1f1f23;--bg-hover:#252529;--platinum:#e5e4e2;--platinum-light:#f4f4f4;--platinum-dark:silver;--silver:#a8a9ad;--metallic:linear-gradient(135deg,#e5e4e2,silver 50%,#e5e4e2);--accent-blue:#4a9eff;--accent-green:#52d169;--accent-red:#ff5252;--accent-yellow:#ffb74a;--text-primary:#fff;--text-secondary:#b8b8c0;--text-tertiary:#808088;--border-light:hsla(0,0%,100%,.1);--border-medium:hsla(0,0%,100%,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.6);--shadow-md:0 4px 20px rgba(0,0,0,.8);--shadow-lg:0 10px 40px rgba(0,0,0,.9);--shadow-glow:0 0 30px rgba(74,158,255,.3)}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(74,158,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 50%,hsla(40,5%,89%,.05) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(74,158,255,.05) 0,transparent 50%);pointer-events:none;z-index:1}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:2}.auth-container{max-width:440px;margin:80px auto}.application-container,.auth-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:3rem;box-shadow:var(--shadow-lg);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.application-container{max-width:900px;margin:2rem auto}.dashboard-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:3rem;box-shadow:var(--shadow-lg);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#e5e4e2 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;letter-spacing:-.5px}h2{font-size:1.75rem;color:var(--platinum-light);margin-bottom:1.25rem;letter-spacing:-.3px}h2,h3{font-weight:600}h3{font-size:1.25rem;color:var(--platinum);margin-bottom:1rem}.logo{text-align:center;margin-bottom:3rem;position:relative}.logo h1{display:flex;align-items:center;justify-content:center;gap:.75rem}.logo h1:before{content:"◆";font-size:2rem;background:linear-gradient(135deg,#4a9eff,#e5e4e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.75rem}label{display:block;margin-bottom:.625rem;color:var(--text-secondary);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}input,select,textarea{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;font-size:1rem;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-tertiary);box-shadow:0 0 0 3px rgba(74,158,255,.1),var(--shadow-glow)}input::placeholder{color:var(--text-tertiary)}textarea{min-height:120px;resize:vertical}.btn{background:linear-gradient(135deg,#4a9eff,#3d82d4);color:#fff;padding:.875rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(74,158,255,.4)}.btn:hover:before{left:100%}.btn-secondary{background:linear-gradient(135deg,var(--platinum-dark) 0,var(--silver) 100%);color:var(--bg-primary)}.btn-secondary:hover{box-shadow:0 10px 30px hsla(40,5%,89%,.3)}.btn-success{background:linear-gradient(135deg,var(--accent-green) 0,#3fb556 100%)}.btn-success:hover{box-shadow:0 10px 30px rgba(82,209,105,.4)}.btn-danger{background:linear-gradient(135deg,var(--accent-red) 0,#e04343 100%)}.btn-block{width:100%;display:block}.progress-bar{background:var(--bg-secondary);height:6px;border-radius:3px;margin-bottom:2.5rem;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.progress-fill{background:linear-gradient(90deg,#4a9eff,#e5e4e2);height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(74,158,255,.5)}.step-indicator{display:flex;justify-content:space-between;margin-bottom:2.5rem;position:relative}.step{flex:1 1;text-align:center;position:relative;z-index:2}.step:before{content:"";position:absolute;top:20px;left:50%;right:-50%;height:2px;background:var(--border-light);z-index:-1}.step:last-child:before{display:none}.step-number{width:40px;height:40px;background:var(--bg-secondary);color:var(--text-tertiary);border:2px solid var(--border-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.625rem;transition:all .3s}.step.active .step-number{background:linear-gradient(135deg,#4a9eff,#3d82d4);color:#fff;border-color:transparent;box-shadow:0 0 20px rgba(74,158,255,.5)}.step.completed .step-number{background:linear-gradient(135deg,var(--accent-green) 0,#3fb556 100%);color:#fff;border-color:transparent}.step div:last-child{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.step.active div:last-child,.step.completed div:last-child{color:var(--text-secondary)}.driver-entry{background:var(--bg-secondary);border:1px solid var(--border-light);padding:1.5rem;border-radius:12px;margin-bottom:1.25rem;transition:all .3s}.driver-entry:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.driver-entry h4{margin-bottom:1rem;font-size:1.125rem}.add-driver-btn,.driver-entry h4{color:var(--accent-blue);font-weight:600}.add-driver-btn{background:transparent;border:2px dashed var(--accent-blue);padding:1.25rem;width:100%;border-radius:10px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.add-driver-btn:hover{background:rgba(74,158,255,.1);border-color:var(--accent-blue);box-shadow:0 0 20px rgba(74,158,255,.2)}.remove-btn{background:linear-gradient(135deg,var(--accent-red) 0,#e04343 100%);color:#fff;border:none;padding:.375rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;margin-top:.75rem;transition:all .3s;font-weight:600}.remove-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(255,82,82,.3)}.alert{padding:1.25rem;border-radius:10px;margin-bottom:1.5rem;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-success{background:rgba(82,209,105,.1);color:var(--accent-green);border-color:rgba(82,209,105,.3)}.alert-danger{background:rgba(255,82,82,.1);color:var(--accent-red);border-color:rgba(255,82,82,.3)}.alert-warning{background:rgba(255,183,74,.1);color:var(--accent-yellow);border-color:rgba(255,183,74,.3)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-light);color:#fff;padding:1.75rem;border-radius:15px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:all .3s}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(74,158,255,.1) 0,transparent 70%);border-radius:50%;transform:translate(30px,-30px)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#e5e4e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-container{overflow-x:auto;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse}th{background:var(--bg-tertiary);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-light);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}td,th{padding:1.25rem}td{border-bottom:1px solid var(--border-light);color:var(--text-primary)}tr:hover{background:var(--bg-hover)}tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s}.status-pending{background:rgba(255,183,74,.15);color:var(--accent-yellow);border:1px solid rgba(255,183,74,.3)}.status-completed{background:rgba(82,209,105,.15);color:var(--accent-green);border:1px solid rgba(82,209,105,.3)}.status-incomplete{background:rgba(255,82,82,.15);color:var(--accent-red);border:1px solid rgba(255,82,82,.3)}.hidden{display:none!important}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:5px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-light);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.glow{box-shadow:0 0 30px rgba(74,158,255,.5)}.platinum-glow{box-shadow:0 0 30px hsla(40,5%,89%,.3)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite}.signup-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2a3f52,#1a2838 20%,#0d0d0d 45%,#0a0a0a);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-container{width:950px;height:700px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.left-panel{flex:1 1;background:linear-gradient(180deg,#0a0a0a,#0d0d0d 65%,#1a2838 85%,#2a3f52);padding:50px 60px 15px 50px;display:flex;flex-direction:column;color:#fff;position:relative;overflow:visible;justify-content:space-between}.content-wrapper{flex:1 1}.logo-text{font-size:24px;font-weight:700;margin-bottom:55px!important;display:flex;align-items:center;gap:10px;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.logo-text:before{content:"⚡";font-size:28px}.get-started-title{font-size:36px!important;font-weight:600;margin-bottom:8px!important;margin-top:15px!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;line-height:1.2}.get-started-title .platinum-text{font-size:inherit!important;font-weight:700!important}.left-panel .subtitle,.subtitle{font-size:14px;opacity:.9;margin-bottom:40px}.left-panel .subtitle{margin-top:0!important}.steps{position:relative;padding-left:60px;display:flex;flex-direction:column;gap:0}.step-wrapper{position:relative;margin-bottom:24px}.step-wrapper:last-child{margin-bottom:0}.step-circle{position:absolute;left:-45px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.6);transition:all .5s ease;z-index:2}.step-wrapper .step-item.active~.step-circle,.step-wrapper:has(.step-item.active) .step-circle{background:linear-gradient(135deg,#4a90e2,#3a7bc8);border-color:#4a90e2;color:#fff;box-shadow:0 0 20px rgba(74,144,226,.5);transform:translateY(-50%) scale(1.2);animation:pulse 2s infinite}.step-item{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:15px;transition:all .5s ease;cursor:pointer;position:relative}.step-item:after,.step-item:before{display:none!important}.step-item:hover{background:hsla(0,0%,100%,.15);transform:translateX(5px)}.step-item.active{background:hsla(0,0%,100%,.15);border-color:rgba(74,144,226,.5);transform:translateX(10px)}.step-icon{font-size:20px}.step-content{flex:1 1}.step-title{font-size:16px;font-weight:500;margin-bottom:4px}.step-desc{font-size:12px;opacity:.8}.step-connector{position:absolute;left:-30px;top:calc(50% + 16px);width:2px;height:48px;background:hsla(0,0%,100%,.1);z-index:1;transition:all .6s ease}.step-connector.active{background:linear-gradient(180deg,#4a90e2,rgba(74,144,226,.3));animation:flowDown .6s ease-out}@keyframes flowDown{0%{height:0;opacity:0}to{height:48px;opacity:1}}.nav-footer{display:flex;justify-content:center;align-items:baseline;gap:15px;margin-top:auto;padding-top:0;font-size:13px;opacity:.7}.nav-link{color:#fff;text-decoration:none;transition:opacity .3s ease;cursor:pointer}.nav-link:hover{opacity:1}.nav-divider{color:hsla(0,0%,100%,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;transform:translateY(1px)}.right-panel{flex:1 1;background:#0f1419;padding:50px;display:flex;flex-direction:column;position:relative}.signin-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:8px}.signin-subtitle{color:#8899a6}.signin-subtitle,.social-btn{font-size:14px;margin-bottom:30px}.social-btn{width:100%;padding:12px;border:1px solid #2f3336;background:transparent;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.social-btn:hover{background:rgba(74,144,226,.1);border-color:#4a90e2}.divider{text-align:center;color:#8899a6;margin-bottom:30px;position:relative}.divider:after,.divider:before{content:"";position:absolute;top:50%;width:45%;height:1px;background:#2f3336}.divider:before{left:0}.divider:after{right:0}.form-group-auth{margin-bottom:20px}.form-label-auth{color:#8899a6;font-size:14px;margin-bottom:8px;display:block}.form-input-auth{width:100%;padding:12px 16px;background:#192734;border:1px solid #2f3336;border-radius:8px;color:#fff;font-size:15px;transition:all .3s ease}.form-input-auth:focus{outline:none;border-color:#4a90e2;background:#1e2935}.password-input-wrapper{position:relative}.show-password{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8899a6;cursor:pointer;font-size:20px;background:none;border:none}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.remember-label{display:flex;align-items:center;gap:8px;color:#8899a6;font-size:14px;cursor:pointer}.remember-checkbox{width:18px;height:18px;accent-color:#4a90e2}.forgot-link{color:#4a90e2;font-size:14px;text-decoration:none;transition:opacity .3s ease}.forgot-link:hover{opacity:.8}.signup-btn{width:100%;padding:14px;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.signup-btn:hover{background:#3a7bc8;transform:translateY(-1px)}.signup-link{text-align:center;margin-top:20px;color:#8899a6;font-size:14px}.signup-link a{color:#4a90e2;text-decoration:none;font-weight:500}.signup-link a:hover{text-decoration:underline}.admin-btn{position:absolute;bottom:1rem;right:1rem;background:transparent;border:1px solid hsla(0,0%,100%,.1);color:var(--text-tertiary);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;opacity:.5;transition:all .3s;text-transform:lowercase}.admin-btn:hover{opacity:.8;border-color:hsla(0,0%,100%,.2)}.platinum-text{background:linear-gradient(135deg,#fff,#f8f8f8 70%,silver 85%,#e5e4e2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:700!important}.left-panel .logo-text,.left-panel h1{background:none!important;-webkit-text-fill-color:#fff!important}.left-panel .platinum-text,.logo .platinum-text,h1 .platinum-text,h2 .platinum-text,h3 .platinum-text{background:linear-gradient(135deg,#fff,#f8f8f8 70%,silver 85%,#e5e4e2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline!important;padding:0!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.stagger-children>*{opacity:0;animation:fadeInUp .6s ease-out forwards}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,144,226,.7)}70%{box-shadow:0 0 0 20px rgba(74,144,226,0)}to{box-shadow:0 0 0 0 rgba(74,144,226,0)}}@media (max-width:968px){.signup-container{width:90%;flex-direction:column;height:auto}.left-panel,.right-panel{padding:30px}}@media (max-width:768px){.container{padding:1rem}.application-container,.auth-container,.dashboard-container{padding:2rem 1.5rem;border-radius:15px}h1{font-size:2rem}h2{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr}.step-indicator{margin-bottom:2rem}.step div:last-child{font-size:.75rem}}