@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--vv-maroon: #7d2839;--vv-maroon-dark: #631f2c;--vv-slate: #4a4a4a;--vv-grey: #6e6e6e;--vv-light-grey: #f3f4f6;--vv-white: #ffffff;--vv-green: #10b981;--vv-yellow: #f59e0b;--vv-red: #ef4444}}body,.font-sans{background-color:var(--vv-light-grey);font-family:Roboto,sans-serif}.bg-vv-maroon{background-color:var(--vv-maroon)}.bg-vv-maroon-dark{background-color:var(--vv-maroon-dark)}.text-vv-maroon{color:var(--vv-maroon)}.border-vv-maroon{border-color:var(--vv-maroon)}.ring-vv-maroon:focus{--tw-ring-color: var(--vv-maroon)}.hover\:bg-vv-maroon-dark:hover{background-color:var(--vv-maroon-dark)}.hover\:border-vv-maroon:hover{border-color:var(--vv-maroon)}.hover\:bg-vv-maroon\/10:hover{background-color:color-mix(in srgb,var(--vv-maroon) 10%,transparent)}.bg-vv-maroon\/5{background-color:color-mix(in srgb,var(--vv-maroon) 5%,transparent)}.bg-vv-maroon\/20{background-color:color-mix(in srgb,var(--vv-maroon) 20%,transparent)}.text-vv-maroon\/50{color:color-mix(in srgb,var(--vv-maroon) 50%,transparent)}.bg-vv-slate{background-color:var(--vv-slate)}.text-vv-slate{color:var(--vv-slate)}.hover\:bg-vv-slate:hover{background-color:var(--vv-slate)}.bg-vv-grey{background-color:var(--vv-grey)}.text-vv-grey{color:var(--vv-grey)}.hover\:bg-vv-grey:hover{background-color:var(--vv-grey)}.bg-vv-light-grey{background-color:var(--vv-light-grey)}.text-vv-light-grey{color:var(--vv-light-grey)}.hover\:bg-vv-light-grey:hover{background-color:var(--vv-light-grey)}.text-vv-white{color:var(--vv-white)}.bg-vv-white{background-color:var(--vv-white)}.bg-vv-green{background-color:var(--vv-green)}.text-vv-green{color:var(--vv-green)}.border-vv-green{border-color:var(--vv-green)}.bg-vv-green\/20{background-color:color-mix(in srgb,var(--vv-green) 20%,transparent)}.bg-vv-red{background-color:var(--vv-red)}.text-vv-red{color:var(--vv-red)}.border-vv-red{border-color:var(--vv-red)}.bg-vv-yellow{background-color:var(--vv-yellow)}.text-vv-yellow{color:var(--vv-yellow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spark{0%{opacity:0;transform:scale(1.5);filter:blur(5px);color:#0ff}40%{opacity:1;transform:scale(1);filter:blur(0);color:currentColor}to{opacity:1;transform:scale(1);filter:blur(0);color:currentColor}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes hamster-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-hamster-wheel-spin{animation:hamster-wheel-spin 1s linear infinite}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}.animate-spark{animation:spark .8s ease-in-out forwards}.animate-slideUpFadeIn{animation:slideUpFadeIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.animate-scaleIn{animation:scaleIn .6s cubic-bezier(.25,.46,.45,.94) forwards}.noetic-glow{text-shadow:0 0 5px rgba(34,211,238,.5),0 0 10px rgba(34,211,238,.3)}@keyframes move-spark{0%{transform:translate(var(--start-x),var(--start-y));opacity:0}50%{opacity:1}to{transform:translate(var(--end-x),var(--end-y));opacity:0}}#spark-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.spark{position:absolute;width:2px;height:2px;background-color:#0ea5e9;border-radius:50%;box-shadow:0 0 5px #0ea5e9,0 0 10px #0ea5e9;animation:move-spark linear infinite}:root{--hail-bg: #0d1117;--hail-card-bg: rgba(22, 27, 34, .7);--hail-border: #30363d;--hail-accent: #38bdf8;--hail-accent-glow: 0 0 15px rgba(56, 189, 248, .4);--hail-text: #c9d1d9;--hail-text-secondary: #8b949e;--hail-green: #238636;--hail-red: #da3633}body.hail-app{background-color:var(--hail-bg);background-image:radial-gradient(circle at 1px 1px,rgba(201,209,217,.1) 1px,transparent 0);background-size:20px 20px;font-family:Poppins,sans-serif;color:var(--hail-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hail-login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.hail-login-box{width:100%;max-width:400px;padding:2.5rem 2rem;border-radius:12px;background:var(--hail-card-bg);border:1px solid var(--hail-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@supports not (backdrop-filter: blur(10px)){.hail-login-box{background:#161b22}}.hail-title{font-size:3rem;font-weight:700;text-align:center;color:var(--hail-accent);text-shadow:var(--hail-accent-glow);letter-spacing:.1em;margin-bottom:2rem}.hail-input{width:100%;padding:.75rem 1rem;background-color:var(--hail-bg);border:1px solid var(--hail-border);border-radius:8px;color:var(--hail-text);font-size:1rem;transition:all .2s ease-in-out}.hail-input:focus{outline:none;border-color:var(--hail-accent);box-shadow:0 0 0 3px #38bdf84d}.hail-button{width:100%;padding:.75rem 1rem;background-color:var(--hail-accent);border:none;border-radius:8px;color:var(--hail-bg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--hail-accent-glow)}.hail-button:hover{filter:brightness(1.1)}.hail-button:disabled{background-color:var(--hail-text-secondary);box-shadow:none;cursor:not-allowed}.hail-error{color:var(--hail-red);font-size:.9rem;text-align:center;margin-top:1rem}.hail-switch-view-text{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--hail-text-secondary)}.hail-switch-view-btn{background:none;border:none;color:var(--hail-accent);font-weight:600;cursor:pointer;margin-left:.25rem;padding:0}.hail-success-message{padding:.75rem;background-color:#2386364d;border:1px solid var(--hail-green);color:#3fb950;border-radius:8px;text-align:center;font-size:.9rem;margin-bottom:1rem}.hail-dashboard{padding:1rem 1rem 6rem}.hail-logout-btn{background:none;border:1px solid var(--hail-border);color:var(--hail-text-secondary);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem}.hail-driver-mode{background:var(--hail-card-bg);border:1px solid var(--hail-border);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.hail-tabs{display:flex;border-bottom:1px solid var(--hail-border);margin-bottom:1.5rem}.hail-tab-btn{flex:1;padding:.75rem;background:none;border:none;color:var(--hail-text-secondary);font-size:1rem;font-weight:600;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}.hail-tab-btn.active{color:var(--hail-accent);border-bottom-color:var(--hail-accent)}.hail-trip-list{display:flex;flex-direction:column;gap:1rem}.hail-card{background:var(--hail-card-bg);border:1px solid var(--hail-border);border-radius:10px;padding:1rem;transition:transform .2s ease;display:flex;flex-direction:column;gap:.75rem}@supports (backdrop-filter: blur(10px)){.hail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.hail-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:60px;height:60px;background-color:var(--hail-accent);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--hail-accent-glow);color:var(--hail-bg);cursor:pointer}.hail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hail-modal-content{background:#161b22;border:1px solid var(--hail-border);border-radius:12px;padding:1.5rem;width:100%;max-width:500px;position:relative}.hail-modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--hail-text-secondary);font-size:1.5rem;cursor:pointer}.hail-modal-title{text-align:center;font-size:1.5rem;font-weight:600;color:var(--hail-text);margin-bottom:1.5rem}.hail-modal-textarea{width:100%;min-height:80px;padding:.75rem;background-color:var(--hail-bg);border:1px solid var(--hail-border);border-radius:8px;color:var(--hail-text);font-size:1rem}.hail-user-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hail-user-profile-avatar{width:5rem;height:5rem;border-radius:9999px;background-color:#30363d;margin:0 auto;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;border:2px solid var(--hail-border)}.hail-user-profile-metrics{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;color:var(--hail-text-secondary);font-size:.875rem}.hail-user-profile-metrics-divider{border-left:1px solid var(--hail-border);height:2rem}.hail-toggle{position:relative;display:inline-block;width:52px;height:32px}.hail-toggle-checkbox{opacity:0;width:0;height:0}.hail-toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#30363d;transition:.4s;border-radius:34px}.hail-toggle-label:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.hail-toggle-checkbox:checked+.hail-toggle-label{background-color:var(--hail-accent)}.hail-toggle-checkbox:checked+.hail-toggle-label:before{transform:translate(20px)}