@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css";html,body{scroll-behavior:smooth}.app-loading{position:fixed;inset:0;background:#111}.app-loading>.elegant-spinner{position:fixed;top:calc(50% - 40px);left:calc(50% - 40px)}.user-login-page-v3{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#0d0d0d;color:#f0f0f0;font-family:Inter,sans-serif;padding:0 20px;box-sizing:border-box}.user-login-page-v3 .page-header{width:100%;max-width:600px;text-align:center;padding:0 0 30px}.user-login-page-v3 .page-header .logo{font-size:1.8rem;font-weight:700;margin-bottom:-40px}.user-login-page-v3 .page-header .logo img{height:80px;vertical-align:middle}.user-login-page-v3 .login-content-wrapper{width:100%;max-width:600px;flex-shrink:0;padding-bottom:50px}.user-login-page-v3 .login-form .title-area{position:relative;margin-bottom:25px}.user-login-page-v3 .login-form .title-area .step-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.user-login-page-v3 .login-form .title-area .back-link{position:absolute;top:0;left:0;font-size:.9rem;color:#999;text-decoration:none;transition:color .2s}.user-login-page-v3 .login-form .title-area .back-link:hover{color:#f0f0f0}.user-login-page-v3 .login-form .user-context-card{display:flex;align-items:center;background:#141414;padding:15px;border-radius:8px;margin-bottom:25px;border:1px solid #222}.user-login-page-v3 .login-form .user-context-card .user-initials{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#6a5acd;color:#fff;font-size:1.2rem;font-weight:500;margin-right:15px}.user-login-page-v3 .login-form .user-context-card .user-name{font-size:1rem;font-weight:500;margin:0}.user-login-page-v3 .login-form .user-context-card .user-email{font-size:.8rem;color:#999;margin:0}.user-login-page-v3 .login-form .error-message{background:#ff00001a;color:#faa;border-left:3px solid #ff3333;padding:10px 15px;margin-bottom:25px;font-size:.9rem}.user-login-page-v3 .login-form .input-group{display:flex;flex-direction:column}.user-login-page-v3 .login-form input{width:100%;padding:18px 20px;background:#1c1c1c;border:1px solid #333;border-radius:10px;color:#f0f0f0;font-size:1.1rem;margin-bottom:15px;transition:border-color .2s,box-shadow .2s}.user-login-page-v3 .login-form input::placeholder{color:#777}.user-login-page-v3 .login-form input:focus{outline:none;border-color:#6a5acd;box-shadow:0 0 8px #6a5acd99}.user-login-page-v3 .login-form .mfa-input{text-align:center;letter-spacing:.5rem}.user-login-page-v3 .login-form .action-btn{width:100%;padding:18px;background:#6a5acd;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.user-login-page-v3 .login-form .action-btn:hover:not(:disabled){background:#4e3bc3}.user-login-page-v3 .login-form .action-btn:disabled{background:#333;color:#777;cursor:not-allowed}.user-login-page-v3 .login-form .security-disclaimer{font-size:.8rem;color:#999;padding:10px 0;margin-top:5px;display:flex;align-items:center}.user-login-page-v3 .login-form .security-disclaimer .disclaimer-icon{font-size:1.2rem;color:#6a5acd;margin-right:8px}.app-header{position:sticky;top:0;z-index:1000;width:100%;background-color:#0d0d0d20;height:80px;transition:background-color .4s ease,box-shadow .4s ease,border .4s ease;border-bottom:1px solid rgba(218,165,32,.1);padding:0 20px;display:flex;justify-content:center;align-items:center}.app-header .logo-container{height:80%;display:flex;align-items:center}.app-header .logo-container img{height:100%;object-fit:contain;filter:drop-shadow(0 0 3px rgba(218,165,32,.3));transition:filter .3s ease}.app-header .logo-container img:hover{filter:drop-shadow(0 0 8px rgba(218,165,32,.6))}.app-header.scrolled{background-color:#1e1e1e;backdrop-filter:blur(8px);box-shadow:0 4px 10px #0009;border-bottom:1px solid #DAA520}@media screen and (min-width:768px){.app-header{height:80px;padding:0 40px}.app-header .logo-container{height:40%;justify-content:flex-start;width:100%;max-width:1400px}}.homepage{position:fixed;inset:0;background-color:#121212;background-image:radial-gradient(circle at top left,rgba(218,165,32,.03) 0%,transparent 40%);overflow-y:auto}@media screen and (max-width:576px){.homepage{background-image:radial-gradient(circle at top left,rgba(218,165,32,.07) 0%,transparent 60%)}}.homepage>header{border-bottom:1px solid rgba(218,165,32,.1)}@media screen and (max-width:576px){.homepage>header{text-align:center;padding-top:20px;padding-bottom:15px}}.homepage .prompt-bar{width:100%;height:fit-content;margin-bottom:20px;margin-top:3vh;display:flex;justify-content:center}@media screen and (max-width:480px){.homepage .prompt-bar{height:auto;margin-top:20px;margin-bottom:40px;text-align:center}}.search-group{display:block;align-items:center;width:100%;max-width:100%;gap:10px}.search-group>:first-child{flex-grow:1}@media screen and (max-width:576px){.search-group{flex-direction:column;align-items:stretch;gap:15px;max-width:90vw}.search-group>:first-child{width:100%;flex-grow:0}}.btn-location{height:70px;margin-top:20px;min-width:70px;display:block;border-radius:8px;border:1px solid #DAA520;background-color:#23232399;color:#daa520;cursor:pointer;transition:all .2s ease;flex-shrink:0}@media screen and (max-width:576px){.btn-location{width:100%;height:55px;font-size:16px}}.btn-location i{width:50px;display:inline-block;text-align:center}.btn-location span{width:calc(100% - 50px);display:inline-block;text-align:center;position:relative;padding-right:20px}@media screen and (max-width:576px){.btn-location span{left:-10px}}.btn-location.loading{text-align:center}.btn-location:hover:not(:disabled){background-color:#daa5201a;color:#f0f0f0}.btn-location:disabled{opacity:.6;cursor:not-allowed}.btn-location i{font-size:20px}@media screen and (max-width:576px){.btn-location i{font-size:18px}}.wrapper{display:block;min-width:360px;width:60vw;margin:0 auto 40px;max-height:100vh}@media screen and (max-width:992px){.wrapper{width:80vw}}@media screen and (max-width:576px){.wrapper{width:90vw;min-width:unset}}@keyframes elegant-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elegant-spinner{--spinner-size: 50px;display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;border:4px solid #2e3440;border-top:4px solid #f7d353;box-shadow:0 0 10px #f7d35380;animation:elegant-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.station-card{background-color:#23232326;backdrop-filter:blur(8px);border-radius:16px;padding:30px;box-shadow:0 5px 20px #0009;border:1px solid rgba(218,165,32,.1);transition:transform .3s ease,box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.station-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0009,0 0 10px #daa5204d}}.station-card .card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(218,165,32,.2);padding-bottom:12px;margin-bottom:20px}.station-card .brand-name{color:#daa520;font-size:1.6rem;font-weight:500;letter-spacing:.5px}@media screen and (max-width:576px){.station-card .brand-name{font-size:1.4rem;letter-spacing:0}}.station-card .distance{color:#daa520;font-weight:600;font-size:1rem}@media screen and (max-width:576px){.station-card .distance{font-size:.95rem}}.station-card .address{color:#9a9a9a;font-size:.95rem;line-height:1.4;margin-bottom:20px}@media screen and (max-width:576px){.station-card .address{margin-bottom:15px;font-size:.9rem}}.station-card .price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px}@media screen and (max-width:576px){.station-card .price-grid{grid-template-columns:1fr 1fr;gap:15px}}.station-card .price-item{display:flex;flex-direction:column;background:#00000080;border-radius:10px;padding:18px}@media screen and (max-width:576px){.station-card .price-item{padding:12px}}.station-card .fuel-type{color:#9a9a9a;font-size:.9rem;font-weight:300;text-transform:capitalize}@media screen and (max-width:576px){.station-card .fuel-type{font-size:.85rem}}.station-card .fuel-price{color:#f0f0f0;font-size:1.8rem;font-weight:500;text-shadow:0 0 5px rgba(218,165,32,.4)}@media screen and (max-width:576px){.station-card .fuel-price{font-size:1.6rem}}.station-card .info-footer{margin-top:25px;padding-top:15px;border-top:1px dashed rgba(154,154,154,.2);font-size:.85rem;color:#9a9a9a}.station-card .info-footer span{display:block;margin-bottom:5px}.station-card .info-footer .updated-time{color:#b4b4b4;font-weight:300}.station-card .info-footer .directions-button{display:inline-block;width:fit-content;padding:12px 20px;text-align:center;text-decoration:none;background-color:#daa520;color:#121212;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:background-color .2s ease,transform .2s ease;margin-bottom:25px;border-radius:24px}.station-card .info-footer .directions-button:hover{background-color:#c4941d;transform:scale(1.01);color:#121212}@media screen and (max-width:576px){.station-card .info-footer .directions-button{padding:10px 15px;font-size:.95rem;margin-bottom:20px}}.station-collection{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;width:100%;padding:20px 0}@media screen and (max-width:650px){.station-collection{grid-template-columns:1fr;gap:20px}}.sort-bar{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 0 30px;margin-bottom:5px;border-bottom:1px solid rgba(218,165,32,.1)}.sort-bar .sort-label{color:#9a9a9a;font-size:.95rem;font-weight:400;margin-right:5px}@media screen and (max-width:400px){.sort-bar .sort-label{display:block;width:100%;margin-bottom:5px}}.sort-bar .sort-button{background:transparent;color:#9a9a9a;border:none;padding:10px 15px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:4px}.sort-bar .sort-button:hover{color:#f0f0f0;background:#daa5200d}.sort-bar .sort-button.active{color:#daa520;font-weight:600;border:1px solid #DAA520;background:#daa5201a}.sort-bar .sort-bar .sort-button:hover{color:#f0f0f0;background:#daa5200d}.sort-bar .sort-bar .sort-button.active{color:#121212;background:#daa520;border:1px solid #DAA520;font-weight:700}.sort-bar .sort-bar .sort-button.active:hover{color:#121212;background:#daa520;opacity:.9}.material-input-group{position:relative;width:100%;margin-top:30px;padding-top:25px;background:#131313;border-radius:8px}.material-input-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#181818;transition:background-color .3s ease}.material-input-group .tab-preview{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#9996;pointer-events:none;user-select:none;z-index:1}.material-input-group.active:after{background-color:#daa520;height:3px;box-shadow:0 0 5px #daa52080}.material-input{width:100%;padding:15px 20px;font-size:18px;border:none;outline:none;background:transparent;color:#f0f0f0;position:relative;z-index:2}.material-label{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#999;font-size:18px;pointer-events:none;transition:all .2s ease-out;cursor:text}.material-label .tab-hint{font-size:.8em;color:#daa520cc;font-weight:700;margin-left:5px}.material-label.floating{top:0;left:20px;font-size:14px;transform:translateY(0);color:#daa520;font-weight:500;margin-top:10px}.material-label.floating .tab-hint{display:none}.admin-login-page.multi-step{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#0d0d0d;font-family:Inter,sans-serif;color:#f0f0f0;padding:20px}.admin-login-page.multi-step:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,rgba(70,0,150,.15),transparent 50%);z-index:0}.admin-login-page.multi-step .login-box{position:relative;width:100%;max-width:400px;padding:40px;background:#1a1a1a;border-radius:16px;box-shadow:0 10px 40px #000000b3,0 0 0 1px #ffffff14;z-index:10}.admin-login-page.multi-step .logo-section{text-align:center;margin-bottom:30px}.admin-login-page.multi-step .logo-section .logo-icon{font-size:2.5rem;color:#5900ff;display:block;margin-bottom:5px}.admin-login-page.multi-step .logo-section h3{font-size:1.4rem;font-weight:600;color:#fff}.admin-login-page.multi-step .logo-section .subtitle{font-size:.8rem;color:#777;margin-top:3px}.admin-login-page.multi-step .step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.admin-login-page.multi-step .step-indicator .step{font-size:.75rem;font-weight:600;color:#555;position:relative;padding-bottom:15px;transition:color .3s ease}.admin-login-page.multi-step .step-indicator .step:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.admin-login-page.multi-step .step-indicator .step.active{color:#5900ff}.admin-login-page.multi-step .step-indicator .step.active:after{background:#5900ff;width:100%}.admin-login-page.multi-step .error-message{background:#400;color:#fcc;border:1px solid #ff3333;padding:10px;border-radius:6px;margin-bottom:20px;font-size:.85rem;text-align:center}.admin-login-page.multi-step .login-form input{width:100%;padding:15px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:20px;transition:border-color .2s,box-shadow .2s,background .2s}.admin-login-page.multi-step .login-form input::placeholder{color:#666}.admin-login-page.multi-step .login-form input:focus{outline:none;background:#272727;border-color:#4c00ff;box-shadow:0 0 6px #4c00ff99}.admin-login-page.multi-step .login-form .next-btn,.admin-login-page.multi-step .login-form .login-btn{width:100%;padding:15px;background:#4c00ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:10px}.admin-login-page.multi-step .login-form .next-btn:hover:not(:disabled),.admin-login-page.multi-step .login-form .login-btn:hover:not(:disabled){background:#3d00cc;box-shadow:0 4px 15px #4c00ff66}.admin-login-page.multi-step .login-form .login-btn{background:#5900ff}.admin-login-page.multi-step .login-form .login-btn:hover:not(:disabled){background:#4700cc;box-shadow:0 4px 15px #5900ff66}.admin-login-page.multi-step .login-form button:disabled{background:#333;color:#777;cursor:not-allowed}.admin-login-page.multi-step .login-footer{text-align:center;margin-top:25px}.admin-login-page.multi-step .login-footer a{color:#bf7af7;font-size:.8rem;text-decoration:none;transition:color .2s}.admin-login-page.multi-step .login-footer a:hover{color:#c0caf5;text-decoration:underline}
/*# sourceMappingURL=app.css.map */