:root{--background:#0f0f0f;--surface:#1a1a1a;--primary:#00d4aa;--secondary:#00a3cc;--accent:#ff6b9d;--text:#f5f5f5;--text-muted:#a1a1aa;--border:#27272a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #0003;--transition:.15s ease;--spinner-track:#ffffff1a;--primary-10:#00d4aa1a;--primary-20:#00d4aa33;--accent-10:#ff6b9d1a;--accent-20:#ff6b9d33;--accent-bright:#ff4d8d;--quota-icon-opacity:.05}[data-theme=light]{--background:#f8fafc;--surface:#fff;--primary:#00a886;--secondary:#0082a3;--accent:#e64a7e;--text:#0f172a;--text-muted:#233140;--border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--spinner-track:#0000000d;--primary-10:#00a8861a;--primary-20:#00a88633;--accent-10:#e64a7e1a;--accent-20:#e64a7e33;--accent-bright:#ff6098;--quota-icon-opacity:.2}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5}h1,h2,h3{letter-spacing:-.025em;font-weight:600}p{color:var(--text-muted)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.input{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.75rem 1rem;font-size:1rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-20)}.input::placeholder{color:var(--text-muted)}.button{border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.button:active{opacity:.8}.button-primary{background-color:var(--primary);color:#000}.button-secondary{background-color:var(--surface);border:1px solid var(--border);color:var(--text)}.button:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-sm);background-color:var(--border);color:var(--text);padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background-color:var(--primary-10);color:var(--primary);border:1px solid var(--primary-20)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition)}.flip-card{perspective:1000px;background-color:#0000;width:100%;height:auto}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;grid-template-columns:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;flex-direction:column;grid-area:1/1;width:100%;display:flex}.flip-card-back{transform:rotateY(180deg)}.flip-card .card{height:100%;margin-bottom:0}.qr-container{border-radius:var(--radius-md);background-color:#fff;border:1px solid #0000;justify-content:center;align-items:center;width:fit-content;padding:24px;display:flex}[data-theme=light] .qr-container{border-color:var(--border)}.qr-container canvas{max-width:100%;display:block}.wallet-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.wallet-badge{cursor:pointer;transition:opacity var(--transition);background:0 0;border:none;padding:0;display:block}.wallet-badge:hover{opacity:.9}.wallet-badge:active{opacity:.8}.wallet-badge svg{width:auto;height:44px;display:block}.quota-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.quota-progress-container{background-color:var(--border);opacity:.7;border-radius:var(--radius-lg);height:6px;margin-top:1.25rem;margin-bottom:.5rem;overflow:hidden}.quota-progress-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:var(--radius-lg);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.quota-progress-bar.low{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-bright) 100%)}.date-indicator{background-color:var(--surface);opacity:.8;border-radius:var(--radius-md);border:1px solid var(--border);align-items:stretch;display:flex;overflow:hidden}.date-icon-container{background-color:var(--background);width:36px;color:var(--text-muted);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.date-info{flex-direction:column;flex:1;justify-content:center;padding:.75rem;display:flex}.quota-item{background-color:var(--background);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.75rem;position:relative;overflow:hidden}.quota-item:after{content:"";width:60%;opacity:var(--quota-icon-opacity);pointer-events:none;background-image:url(/fuel-pass/assets/fuel-pump-_hHqyHki.png);background-position:100%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;bottom:0;right:0}.quota-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;z-index:1;margin-bottom:.25rem;font-size:.75rem;position:relative}.quota-value{color:var(--text);z-index:1;font-size:1.125rem;font-weight:600;position:relative}.spinner{border:2px solid var(--spinner-track);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.bg-background{background-color:var(--background)}.bg-surface{background-color:var(--surface)}.text-text{color:var(--text)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-text-muted{color:var(--text-muted)}.w-full{width:100%}.max-w-md{max-width:28rem}.min-h-screen{min-height:100dvh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.p-4{padding:1rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-x-3>*+*{margin-left:.75rem}.space-x-2>*+*{margin-left:.5rem}.cursor-pointer{cursor:pointer}.hidden{display:none}.transition-all{transition:all var(--transition)}.w-20{width:5rem}.bold-icon{stroke-width:3px}.flip-icon-trigger{stroke-width:3px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.rotate-180{transform:rotate(180deg)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.text-xs{font-size:.75rem}.text-2xs{font-size:.625rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.italic{font-style:italic}.text-center{text-align:center}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.pt-8{padding-top:2rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-border{border-color:var(--border)}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border-4{border-width:4px}.border-t-primary{border-top-color:var(--primary)}.border-surface{border-color:var(--surface)}.relative{position:relative}.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.left-3{left:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.pl-12{padding-left:3rem}#toast-container{z-index:1000;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:.75rem;display:flex;position:fixed;top:1.5rem;left:2rem;right:1.5rem}.toast{background-color:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:.75rem;width:fit-content;min-width:18rem;max-width:28rem;padding:.75rem 1rem;animation:.3s cubic-bezier(.4,0,.2,1) toast-in;display:flex}@media (width<=480px){.toast{width:100%;min-width:0;max-width:100%}}.toast-error{border-left:3px solid var(--accent)}.toast-success{border-left:3px solid var(--primary)}.toast-exit{animation:.2s forwards toast-out}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-content{flex:1;line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translate(1rem)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(1rem)scale(.95)}}.theme-switcher-btn{background-color:var(--surface);border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-md);opacity:.2;z-index:1001;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(0)scale(.9)}.theme-switcher-btn:hover{opacity:1;color:var(--primary);border-color:var(--primary-20);transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px -5px #0003}.theme-switcher-btn:hover i{transform:rotate(-15deg)}.theme-switcher-btn i{width:20px;height:20px;transition:transform .3s}.theme-switcher-btn:focus-visible{opacity:1;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-20);outline:none}.theme-switcher-btn:active{transform:scale(.9)}@media (width<=480px){.theme-switcher-btn{opacity:.4;bottom:1rem;right:1rem}}