body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0f172a;color:#e2e8f0;font-family:Arial,sans-serif;margin:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-container{align-items:center;background:linear-gradient(135deg,#1e3a8a,#0f172a);display:flex;height:100vh;justify-content:center}.text-container{color:#fff;display:flex;flex-wrap:wrap;font-size:40px;font-weight:700}.letter{animation:floatIn .6s ease forwards;opacity:0;transform:translateY(50px)}@keyframes floatIn{to{opacity:1;transform:translateY(0)}}.buttons{animation:showButtons .8s ease forwards;animation-delay:.3s;bottom:100px;display:flex;gap:20px;opacity:0;position:absolute;transform:translateY(30px)}@keyframes showButtons{to{opacity:1;transform:translateY(0)}}.buttons button{background:linear-gradient(135deg,#3b82f6,#1e3a8a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px 25px;transition:all .3s ease}.buttons button:hover{box-shadow:0 8px 20px #0000004d;transform:scale(1.08)}.buttons button:active{transform:scale(.95)}.particle-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.particle-overlay.active{animation:explode .8s forwards;background:radial-gradient(circle,#fff 2px,#0000 0);background-size:20px 20px}@keyframes explode{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}.auth-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);display:flex;height:100vh;justify-content:center}.card{border-radius:15px;height:380px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:320px}.card.flipped{transform:rotateY(180deg)}.back,.front{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);backface-visibility:hidden;background:#ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0006;color:#fff;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;padding:25px;position:absolute;width:100%}.back{transform:rotateY(180deg)}h2{text-align:center}input{background:#fff3;border:none;border-radius:8px;color:#fff;outline:none;padding:12px}input::placeholder{color:#ddd}button{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;font-weight:700;padding:12px;transition:all .3s ease}button:hover{box-shadow:0 8px 20px #0006;transform:scale(1.05)}p{color:#cbd5f5;cursor:pointer;font-size:14px;text-align:center}p:hover{text-decoration:underline}.layout{display:flex;font-family:Segoe UI,sans-serif;min-height:100vh}.sidebar{background:linear-gradient(180deg,#020617,#0f172a);border-right:1px solid #1e293b;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;left:0;padding:80px 20px 20px;top:0;transform:translateY(-40px);width:150px}.logo{color:#22c55e;font-size:22px;margin-bottom:10px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar input,.sidebar select{animation:fadeIn .2s ease;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:13px;outline:none;padding:8px;transition:.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sidebar input:focus,.sidebar select:focus{border-color:#3b82f6}.sidebar label{color:#94a3b8;font-size:12px}.icon{color:#94a3b8;cursor:pointer;font-size:18px;transition:.3s}.icon:hover{color:#3b82f6;transform:scale(1.2)}.logout{color:#ef4444;margin-top:auto}.main{background:#0f172a;color:#e2e8f0;flex:1 1;margin-left:220px;padding:20px}.navbar{background:#1e293b;border:1px solid #334155;border-radius:10px;margin-bottom:20px;padding:15px}button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:.2s}button:hover{background:#2563eb}.table-container{margin-top:20px;max-height:500px;overflow-x:auto;overflow-y:auto}table{background:#1e293b;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}thead{background:#334155}td,th{padding:12px;text-align:left}th{color:#94a3b8}td{color:#e2e8f0}tbody tr{border-bottom:1px solid #334155}tbody tr:hover{background:#273449}.tag-green{background:#22c55e}.tag-green,.tag-red{border-radius:20px;color:#fff;font-size:12px;padding:5px 10px}.tag-red{background:#ef4444}.tag-blue{background:#3b82f6}.tag-blue,.tag-yellow{border-radius:20px;color:#fff;font-size:12px;padding:5px 10px}.tag-yellow{background:#f59e0b}.chart-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:20px 0}.chart-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:15px;transition:.3s}.chart-card:hover{transform:translateY(-3px)}.dark .main{background:#0f172a;color:#e2e8f0}.dark table{background:#1e293b}.dark thead{background:#334155}.alert-container{position:fixed;right:20px;top:20px}.alert{border-radius:8px;color:#fff;padding:12px}.alert.success{background:#22c55e}.alert.error{background:#ef4444}.alert.warning{background:#f59e0b}@media (max-width:768px){.sidebar{padding:10px;width:70px}.sidebar input,.sidebar label,.sidebar select{display:none}.chart-grid{grid-template-columns:1fr}}.profile{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;padding:20px}.profile-left{display:flex;flex-direction:column;gap:20px}.profile-right{height:100%}.profile-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.profile-vehicles{max-height:400px;overflow-y:auto}.profile-vehicle{border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:10px 0}.profile-vehicles::-webkit-scrollbar{width:6px}.profile-vehicles::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.vehicle-stats{display:flex;flex-direction:column;gap:5px;margin-top:10px}.vehicle-stats p{font-size:13px;margin:0}.green{color:#22c55e}.red{color:#ef4444}.blue{color:#3b82f6}.form-box{background:#1e293b;border-radius:10px;margin-top:10px;padding:15px}.form-box input,.form-box select{background:#0f172a;border:1px solid #334155;border-radius:5px;color:#fff;display:block;margin:5px 0;padding:6px;width:100%}.actions{display:flex;gap:5px}.actions button{font-size:12px;padding:4px 8px}
/*# sourceMappingURL=main.213e04b3.css.map*/