@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-display: "Outfit", "Inter", sans-serif;--font-sans: "Inter", sans-serif;--bg-main: 224 25% 4%;--bg-card: 223 20% 6%;--border-color: 223 15% 15%;--primary: 250 89% 65%;--primary-glow: 250 89% 65% / .15;--secondary: 160 84% 39%;--accent-pink: 326 85% 65%;--accent-amber: 35 92% 50%;--text-main: 210 40% 98%;--text-muted: 215 15% 65%;--text-dark: 220 20% 10%;--input-bg: rgba(0, 0, 0, .4);--input-border: hsla(210 40% 98% / .15);--input-color: hsl(210 40% 98%);--input-placeholder: hsla(210 40% 98% / .4);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1)}body.light-theme{--bg-main: 210 20% 98%;--bg-card: 0 0% 100%;--border-color: 214 32% 91%;--primary: 250 89% 55%;--primary-glow: 250 89% 55% / .15;--secondary: 160 84% 35%;--text-main: 222 47% 11%;--text-muted: 215 16% 42%;--input-bg: #f8fafc;--input-border: #cbd5e1;--input-color: #0f172a;--input-placeholder: #64748b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-main));color:hsl(var(--text-main));font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .4s ease,color .4s ease}.sidebar{background:hsla(var(--bg-card) / .85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid hsla(var(--text-main) / .08);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;left:0;transition:var(--transition-smooth);z-index:100;overflow-y:auto;overflow-x:hidden}.sidebar.expanded{width:260px}.sidebar.collapsed{width:80px}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.95rem 1.5rem;color:hsl(var(--text-muted));text-decoration:none;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:.95rem;width:100%;text-align:left;transition:var(--transition-smooth)}.sidebar-item:hover{color:hsl(var(--text-main));background:hsla(var(--text-main) / .04)}.sidebar-item.active{color:hsl(var(--primary));background:hsla(var(--primary) / .08);border-left-color:hsl(var(--primary))}.sidebar-collapse-btn{background:transparent;border:none;color:hsl(var(--text-muted));padding:.5rem;border-radius:8px;cursor:pointer;align-self:center;margin:1rem 0;transition:var(--transition-smooth)}.sidebar-collapse-btn:hover{color:hsl(var(--text-main));background:hsla(var(--text-main) / .05)}body:before{content:"";position:absolute;top:-10%;right:-5%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,hsla(var(--primary) / .08) 0%,transparent 70%);z-index:-1;pointer-events:none}body:after{content:"";position:absolute;bottom:-10%;left:-5%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,hsla(var(--secondary) / .05) 0%,transparent 70%);z-index:-1;pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-main))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--primary) / .3)}.glass-panel{background:hsla(var(--bg-card) / .7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(var(--text-main) / .06);border-radius:16px;box-shadow:0 8px 32px #0006;transition:var(--transition-smooth)}.glass-panel:hover{border-color:hsla(var(--primary) / .2);box-shadow:0 12px 40px #00000080,0 0 20px hsla(var(--primary) / .05)}.modern-input{width:100%;padding:.85rem 1rem;border-radius:10px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-smooth)}.modern-input::placeholder{color:var(--input-placeholder)}.modern-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px var(--primary-glow);background:var(--input-bg)}.modern-select{width:100%;padding:.85rem 2.5rem .85rem 1rem;border-radius:10px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-color);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;transition:var(--transition-smooth)}.modern-select:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px var(--primary-glow)}.modern-select option{background-color:hsl(var(--bg-card));color:hsl(var(--text-main))}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),#4f46e5);color:#fff;font-weight:600;border:none;padding:.85rem 1.5rem;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #6366f14d;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsla(var(--text-main) / .05);color:hsl(var(--text-main));font-weight:600;border:1px solid hsla(var(--text-main) / .1);padding:.85rem 1.5rem;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover{background:hsla(var(--text-main) / .1);border-color:hsla(var(--text-main) / .2)}.btn-accent-green{background:linear-gradient(135deg,hsl(var(--secondary)),#059669);color:#fff;font-weight:600;border:none;padding:.85rem 1.5rem;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #10b9814d;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-accent-green:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180;filter:brightness(1.1)}.modern-table-container{border-radius:14px;border:1px solid hsla(var(--text-main) / .06);background:hsla(var(--bg-card) / .4);overflow:hidden}.modern-table{width:100%;border-collapse:collapse;text-align:left}.modern-table th{padding:1rem 1.25rem;background:hsla(var(--text-main) / .03);color:hsl(var(--text-muted));font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-bottom:1px solid hsla(var(--text-main) / .06)}.modern-table td{padding:1rem 1.25rem;border-bottom:1px solid hsla(var(--text-main) / .04);color:hsl(var(--text-main));transition:var(--transition-smooth)}.modern-table tr:hover td{background:hsla(var(--primary) / .03)}.tab-btn{background:transparent;color:hsl(var(--text-muted));border:1px solid transparent;padding:.75rem 1.25rem;border-radius:10px;font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-smooth)}.tab-btn:hover{color:hsl(var(--text-main));background:hsla(var(--text-main) / .03)}.tab-btn.active{color:hsl(var(--primary));background:hsla(var(--primary) / .1);border-color:hsla(var(--primary) / .2)}.stat-card{background:hsla(var(--bg-card) / .5);border:1px solid hsla(var(--text-main) / .06);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-2px);border-color:hsla(var(--primary) / .2)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,hsl(var(--primary)),hsl(var(--secondary)))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.switch-container{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-track{width:44px;height:22px;background:#ffffff1a;border-radius:99px;position:relative;transition:var(--transition-smooth);border:1px solid hsla(var(--text-main) / .1)}.switch-thumb{width:16px;height:16px;background:hsl(var(--text-muted));border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition-smooth)}.switch-container.checked .switch-track{background:#fbbf2433;border-color:#fbbf24}.switch-container.checked .switch-thumb{background:#fbbf24;transform:translate(22px)}.btn-prominent{background:#fff;color:#0f172a;font-weight:700;border:none;padding:.85rem 1.5rem;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #fff3;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-prominent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6;background:#f8fafc}.btn-prominent:active{transform:translateY(0)}.light-theme .btn-prominent{background:#0f172a;color:#fff;box-shadow:0 4px 15px #0f172a33}.light-theme .btn-prominent:hover{background:#1e293b;box-shadow:0 6px 20px #0f172a4d}.vehicles-form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}@media (max-width: 640px){.vehicles-form-grid{display:flex;flex-direction:column;gap:1.25rem}.vehicles-form-grid>div{grid-column:auto!important}}.quick-login-btn{transition:all .2s ease}.quick-login-btn:hover{transform:translateY(-1px);filter:brightness(1.25);box-shadow:0 4px 12px #0003}.quick-login-btn:active{transform:translateY(0)}label{color:hsl(var(--text-muted))!important}@media (max-width: 768px){.app-container{flex-direction:column-reverse!important;height:100vh!important;overflow:hidden!important}.main-content{height:calc(100vh - 64px)!important;padding:1.25rem!important}.sidebar-toggle-floating{display:none!important}.sidebar{position:relative!important;height:64px!important;width:100%!important;flex-direction:row!important;border-right:none!important;border-top:1px solid hsla(var(--text-main) / .08)!important;background:hsla(var(--bg-card) / .95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:1000!important;overflow-y:hidden!important;box-shadow:0 -4px 20px #0000004d!important}.sidebar.expanded,.sidebar.collapsed{width:100%!important}.sidebar-header{display:none!important}.sidebar-nav{flex-direction:row!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;gap:0!important;justify-content:space-around!important;align-items:center!important}.sidebar-item{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:.4rem 0!important;font-size:.7rem!important;height:100%!important;width:auto!important;flex:1!important;border-left:none!important;border-bottom:3px solid transparent!important;text-align:center!important;background:transparent!important;color:hsl(var(--text-muted))!important}.sidebar-item span{display:inline!important;font-size:.65rem!important;font-weight:500!important}.sidebar-item.active{color:hsl(var(--primary))!important;background:transparent!important;border-bottom-color:hsl(var(--primary))!important}.sidebar-bottom{display:none!important}.mobile-only-logout{display:flex!important;color:#f87171!important}h1{font-size:1.5rem!important}.vehicles-form-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}}.btn-text-full{display:inline!important}.btn-text-mobile{display:none!important}.search-input-wrapper{position:relative;width:280px}@media (max-width: 768px){.btn-text-full{display:none!important}.btn-text-mobile{display:inline!important}.search-input-wrapper{width:100%!important;max-width:160px}}.photo-card-hover{position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.photo-card-hover:hover{transform:scale(1.03);border-color:hsl(var(--primary) / .4)!important}.photo-card-hover:hover .photo-overlay{opacity:1!important}