.fuel-dialog{--fu-blue:#0c396e;width:min(1440px,calc(100% - 32px));max-width:none;height:calc(100svh - 32px);max-height:none;margin:16px auto;padding:0;border:2px solid #b6eaff7a;border-radius:28px;background:radial-gradient(ellipse at 5% 0,#2189e6,#1255a1 45%,#072b60);color:white;overflow:auto;box-shadow:0 24px 90px #00275066;scrollbar-width:thin;scrollbar-color:#4a95cd #143b6b}.fuel-dialog::backdrop{background:#06346485;backdrop-filter:blur(9px)}.fuel-is-open{overflow:hidden}.fu-icon{display:inline-flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center}.fu-icon>svg{width:100%;height:100%}.fu-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:17px;min-height:96px;padding:14px 30px;background:linear-gradient(120deg,#0759b7f5,#1169b5ef);backdrop-filter:blur(15px);border-bottom:1px solid #b4e6ff50}.fu-back{height:44px;width:44px;display:grid;place-items:center;background:linear-gradient(#2d9bdd,#056bbb);color:white;border:2px solid #76ddff;border-radius:13px;box-shadow:0 3px 0 #003c7f44}.fu-back>.fu-icon{height:17px;width:17px}.fu-header>img{width:111px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 2px #00397355)}.fu-header-title{flex:1}.fu-header-title small{font-size:8px;letter-spacing:1.8px;font-weight:900;color:#9fdcfb}.fu-header-title h1{font-size:27px;line-height:1.1;margin:6px 0 0;letter-spacing:.3px;font-weight:1000}.fu-wallet{display:flex;align-items:center;gap:9px;padding:8px 10px;background:linear-gradient(#fffef8,#e9f5ff);border:2px solid #fff;border-radius:15px;color:#154778;box-shadow:0 4px 0 #023d7c44}.fu-wallet>.fu-icon{width:42px;height:42px}.fu-wallet small{display:block;text-align:left;font-size:7px;letter-spacing:1px;color:#80a1b9;font-weight:900}.fu-wallet b{display:block;font-size:20px;white-space:nowrap;margin-top:3px}.fu-wallet i{font-style:normal;font-size:24px;font-weight:1000;color:#178cdd;background:#dff3ff;display:grid;place-items:center;border-radius:50%;height:27px;width:27px;margin-left:9px}.fu-content{padding:24px 28px 25px;max-width:1380px;margin:auto}.fu-main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:stretch}.fu-stage{position:relative;min-height:635px;border-radius:23px;border:2px solid #b4e8ff66;overflow:hidden;isolation:isolate;box-shadow:0 8px 0 #052b6b55,0 12px 25px #00377433}.fu-station-art{position:absolute;inset:0;z-index:-2;background:#41b5f0 url('./assets/fuel-station-world.webp') center 68%/cover no-repeat}.fu-stage::after{content:"";position:absolute;inset:45% 0 0;z-index:-1;background:linear-gradient(transparent 35%,#04376bd9 95%)}.fu-station-label{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:2px;font-weight:1000;text-shadow:0 2px 3px #00538288;display:flex;flex-direction:column;gap:7px}.fu-station-label i{font-style:normal;font-size:7px;letter-spacing:1.4px;opacity:.8}.fu-platform-glow{position:absolute;bottom:22%;left:10%;width:55%;height:45px;border-radius:50%;background:#30dfff33;box-shadow:0 0 28px #61dfff55;filter:blur(10px)}.fu-station-plane.mini-plane{position:absolute;left:3%;bottom:17%;height:320px;width:74%;max-width:none;filter:drop-shadow(0 18px 8px #033e7860);animation:fu-plane-hover 5s ease-in-out infinite}.fu-station-plane[data-plane="1"]{height:270px;bottom:21%}.fu-stage-caption{position:absolute;left:24px;right:24px;bottom:22px}.fu-stage-caption>span{display:inline-flex;padding:5px 9px;border:1px solid #e0faff66;border-radius:7px;background:#e6f8ffed;color:#276298;font-size:8px;font-weight:1000;letter-spacing:1px}.fu-stage-caption>h2{font-size:35px;line-height:1.1;margin:9px 0 11px;font-weight:1000;letter-spacing:-1px;text-shadow:0 3px 0 #064a8c40}.fu-stage-caption>p{font-size:11px;line-height:1.5;color:#c6e9ff}.fu-aircraft-id{display:flex;gap:7px;align-items:center;max-width:100%;border:1px solid #bfeaff40;border-radius:8px;padding:8px 10px;background:#063d7d8f;color:#d7f0ff}.fu-aircraft-id small{font-size:8px;font-weight:900;color:#73d8ff}.fu-aircraft-id code{font:9px/1.5 ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fu-aircraft-id b{font-size:14px}.fu-control-column{min-width:0}.fu-aircraft-picker{background:#053f807a;border:1px solid #6ebdf957;border-radius:13px;padding:13px 15px;box-shadow:0 4px 0 #05326b33}.fu-aircraft-picker>label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:900;color:#94d3f9;margin-bottom:8px}.fu-aircraft-picker select,.fu-aircraft-picker>button{line-height:1.5;font-family:inherit;font-size:13px;font-weight:900;width:100%;border:0;background:#edf9ff;color:#1f5791;border-radius:7px;min-height:39px;padding:8px 10px;outline-offset:3px}.fu-scope{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 10px}.fu-scope>span{font-size:8px;letter-spacing:1px;font-weight:900;color:#aedbfa}.fu-scope>label{display:flex;align-items:center;gap:6px;font-size:9px;color:#b8def8}.fu-scope select{background:#0a4385;color:#e2f4ff;border:1px solid #8bcaef55;border-radius:7px;padding:7px 9px;font-family:inherit;font-size:10px;font-weight:800;max-width:155px;min-height:34px}.fu-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.fu-stat{display:flex;align-items:center;gap:12px;min-height:111px;padding:15px 13px;border:1.5px solid #58b9f15c;border-radius:17px;box-shadow:inset 0 1px 2px #b1e6ff1f,0 5px 0 #042c6544;background:linear-gradient(135deg,#0b67b8cf,#0d3e7ef5)}.fu-stat>.fu-icon{width:38px;height:44px;filter:drop-shadow(0 4px 3px #003c6d66)}.fu-stat>div{min-width:0;flex:1}.fu-stat small{display:block;font-size:8px;line-height:1.5;letter-spacing:.25px;font-weight:900;color:#d0eafe}.fu-stat strong{display:block;white-space:nowrap;font-size:26px;line-height:1.2;letter-spacing:-.7px;font-weight:1000;margin-top:7px;color:#f3fcff}.fu-stat span:not(.fu-icon){font-size:9px;line-height:1.5;display:block;color:#b2d9f5;margin-top:5px}.fu-gross strong{color:#41edb1}.fu-spend strong,.fu-net.is-negative strong{color:#ffaf84}.fu-net strong{color:#5bd9ff}.fu-stock strong{font-size:29px;margin-top:5px}.fu-stock-track{height:6px;border-radius:6px;background:#043877;margin:6px 0 1px;overflow:hidden}.fu-stock-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(#7bffd0,#24dca6);box-shadow:0 0 5px #a0ffdc66}.fu-purchase{margin-top:19px;border:1px solid #72baff4f;border-radius:16px;background:#073c7b80;padding:16px}.fu-tank-price{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 9px;margin-bottom:14px}.fu-tank-price>span{font-size:8px;font-weight:900;letter-spacing:1px;color:#98cff2}.fu-tank-price>strong{font-size:25px;font-weight:1000;letter-spacing:-.5px;color:#ffe46d}.fu-tank-price>small{font-size:10px;color:#c0e2fa;grid-column:1/-1}.fu-refill{display:flex;justify-content:center;align-items:center;gap:11px;width:100%;min-height:62px;border-radius:13px;background:linear-gradient(#ffe973,#ffcd2c);border:2px solid #fff6;color:#163f76;box-shadow:0 5px 0 #dba222,0 8px 18px #001b4530;padding:11px 15px;font-weight:1000;font-size:14px}.fu-refill>.fu-icon{height:35px;width:35px}.fu-refill>span:not(.fu-icon){flex:1;text-align:left}.fu-refill small{display:block;font-size:9px;font-weight:700;margin-top:4px;line-height:1.4}.fu-refill b{font-size:24px}.fu-refill:disabled{opacity:.65;box-shadow:0 4px 0 #b79a3e;filter:saturate(.7)}.fu-purchase-note,.fu-accounting-note{font-size:10px;line-height:1.8;color:#b0d8f5}.fu-purchase-note{margin:15px 0 0}.fu-charge-rule{display:flex;align-items:center;gap:6px;color:#b6f7e8;font-size:9px;font-weight:700;line-height:1.6;margin:11px 0 0}.fu-charge-rule>.fu-icon{height:15px;width:15px}.fu-accounting-note{margin:13px 6px 0;color:#9dcbee;font-size:9px}.fu-message{font-size:11px;line-height:1.6;padding:10px 12px;border-radius:9px;background:#047d7f5e;color:#a8ffe4;border:1px solid #69e6c64f;margin:17px 0 0;overflow-wrap:anywhere}.fu-message.is-error{background:#8c372a66;color:#ffddbe;border-color:#ffbb794d}.fu-topup{background:none;color:#ffe269;font-size:11px;font-weight:900;padding:12px 0 2px;text-decoration:underline;text-underline-offset:4px}
.fu-history{margin-top:25px;background:linear-gradient(120deg,#07498cd9,#052b61ed);border:2px solid #2d90d370;border-radius:21px;box-shadow:inset 0 1px 3px #8bd6ff1f,0 6px 0 #05295e66;padding:22px 20px 17px}.fu-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.fu-history-heading h2{font-size:20px;letter-spacing:-.3px;margin:0;display:flex;align-items:center;gap:10px}.fu-history-heading h2>.fu-icon{height:28px;width:28px}.fu-history-heading>span{font-size:10px;color:#a2cdec}.fu-history-scroll{overflow:auto}.fu-history table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:11px}.fu-history th{font-size:8px;font-weight:800;color:#b4d8f3;background:#155c9a55;padding:9px 12px;letter-spacing:.4px}.fu-history th:first-child{width:19%;border-radius:8px 0 0 8px}.fu-history th:nth-child(2){width:31%}.fu-history th:nth-child(3){width:17%}.fu-history th:nth-child(4){width:9%}.fu-history th:nth-child(5){width:11%}.fu-history th:last-child{border-radius:0 8px 8px 0;width:13%}.fu-history td{padding:13px 12px;border-bottom:1px solid #76bbeb12;color:#c4e2f7;font-size:11px}.fu-history tr:last-child td{border-bottom:0}.fu-history-plane>strong{display:block;color:#f1faff;font-size:12px;font-weight:800;margin-bottom:4px}.fu-history-plane>button{display:flex;align-items:center;gap:5px;max-width:100%;background:none;color:#91c8ef;padding:0;min-height:20px;text-align:left}.fu-history-plane code{font:9px/1.5 ui-monospace,monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fu-history-plane button>span{font-size:14px}.fu-history td.fu-history-amount{color:#f4fcff;white-space:nowrap;font-size:13px;font-weight:900}.fu-history-status>span{display:inline-flex;align-items:center;gap:5px;color:#84efc7;background:#056f756b;border:1px solid #28b79c1f;padding:6px 8px;border-radius:20px;font-size:9px;white-space:nowrap}.fu-history-status i{width:5px;height:5px;border-radius:50%;background:#65efb6}.fu-history-note{font-size:9px;color:#88b7dd;line-height:1.7;margin:13px 0 0}.fu-empty-history{text-align:center;padding:28px 10px 23px;color:#9ec9eb}.fu-empty-history>.fu-icon{width:40px;height:40px;opacity:.65}.fu-empty-history h3{font-size:15px;color:#d0eafd;margin:10px 0}.fu-empty-history p{font-size:11px;line-height:1.8;max-width:450px;margin:auto}.fu-footer{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;padding:20px 5px 0;color:#91bbdd;font-size:9px;line-height:1.8}.fu-footer p{margin:0;max-width:520px}.fu-footer>span{max-width:330px;text-align:right}
@keyframes fu-plane-hover{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1100px) and (min-width:761px){.fu-content{padding:20px}.fu-main-grid{gap:18px;grid-template-columns:.95fr 1fr}.fu-stage{min-height:650px}.fu-stat{padding:12px 9px;gap:8px}.fu-stat>.fu-icon{width:27px;height:34px}.fu-stat strong{font-size:23px}.fu-stat small{font-size:7px}.fu-summary{gap:8px}.fu-stage-caption{left:18px;right:18px}.fu-stage-caption>h2{font-size:28px}.fu-header{padding:12px 20px}.fu-history td{font-size:10px;padding:11px 8px}}
@media(max-width:760px){.fuel-dialog{width:100%;height:100svh;margin:0;border:0;border-radius:0}.fu-header{min-height:77px;padding:9px 15px;gap:9px}.fu-back{width:34px;height:36px;border-radius:10px;border-width:1.5px}.fu-back>.fu-icon{width:13px;height:13px}.fu-header>img{width:72px;height:47px}.fu-header-title small{display:none}.fu-header-title h1{font-size:15px;margin:0;letter-spacing:0}.fu-wallet{gap:5px;border-radius:11px;padding:5px 7px;border-width:1px}.fu-wallet>.fu-icon{height:26px;width:26px}.fu-wallet small{font-size:5px;letter-spacing:.5px}.fu-wallet b{font-size:12px;margin-top:2px}.fu-wallet i{height:18px;width:18px;font-size:17px;margin-left:3px}.fu-content{padding:0 0 20px}.fu-main-grid{display:flex;flex-direction:column;gap:0}.fu-stage{min-height:0;height:480px;border:0;border-bottom:1px solid #7bdcff5e;border-radius:0;box-shadow:none}.fu-station-art{background-position:center 68%}.fu-stage::after{inset:50% 0 0;background:linear-gradient(transparent,#063975dd 90%)}.fu-station-label{top:18px;left:20px;font-size:8px;letter-spacing:1.5px;gap:5px}.fu-station-label i{font-size:6px}.fu-station-plane.mini-plane{width:76%;height:255px;bottom:15%;left:1%}.fu-station-plane[data-plane="1"]{height:210px;bottom:20%}.fu-platform-glow{bottom:23%;height:30px}.fu-stage-caption{left:20px;right:20px;bottom:17px}.fu-stage-caption>span{font-size:7px;padding:4px 7px}.fu-stage-caption>h2{font-size:27px;margin:7px 0 9px}.fu-aircraft-id{padding:6px 8px;gap:6px;max-width:100%;width:max-content}.fu-aircraft-id code{font-size:8px;max-width:270px}.fu-aircraft-id small{font-size:7px}.fu-stage-caption>p{font-size:10px}.fu-control-column{padding:17px 18px 0}.fu-aircraft-picker{padding:11px 12px;border-radius:11px}.fu-aircraft-picker>label{font-size:7px;margin-bottom:6px;letter-spacing:1px}.fu-aircraft-picker select,.fu-aircraft-picker>button{font-size:11px;min-height:38px;padding:8px}.fu-scope{margin:18px 0 11px;gap:7px}.fu-scope>span{font-size:7px;letter-spacing:.6px}.fu-scope>label{font-size:8px;gap:5px}.fu-scope select{font-size:9px;max-width:136px;min-height:34px;padding:6px 7px}.fu-summary{gap:9px}.fu-stat{padding:12px 10px;gap:8px;min-height:111px;border-radius:14px}.fu-stat>.fu-icon{width:27px;height:32px}.fu-stat small{font-size:7px;line-height:1.5;letter-spacing:0}.fu-stat strong{font-size:22px;letter-spacing:-.7px;margin-top:6px}.fu-stat span:not(.fu-icon){font-size:8px;margin-top:5px;line-height:1.5}.fu-stock strong{font-size:25px}.fu-stock-track{height:5px;margin-top:7px}.fu-purchase{padding:14px 12px;margin-top:17px;border-radius:14px}.fu-tank-price{margin-bottom:12px;gap:5px}.fu-tank-price>span{font-size:7px;letter-spacing:.7px}.fu-tank-price>strong{font-size:25px}.fu-tank-price>small{font-size:10px;line-height:1.6}.fu-refill{min-height:62px;font-size:12px;gap:8px;border-radius:12px;padding:10px 11px}.fu-refill>.fu-icon{height:30px;width:30px}.fu-refill small{font-size:8px}.fu-refill b{font-size:22px}.fu-purchase-note{font-size:10px;line-height:1.8;margin-top:15px}.fu-charge-rule{font-size:9px;align-items:flex-start;line-height:1.7;gap:6px}.fu-charge-rule>.fu-icon{margin-top:2px;width:13px;height:13px}.fu-accounting-note{font-size:9px;line-height:1.9;margin:13px 3px 0}.fu-message{font-size:10px;line-height:1.8}.fu-topup{font-size:10px;line-height:1.5}.fu-history{margin:21px 18px 0;padding:16px 13px;border-radius:17px}.fu-history-heading{gap:8px;margin-bottom:12px}.fu-history-heading h2{font-size:15px;line-height:1.3;gap:7px}.fu-history-heading h2>.fu-icon{height:23px;width:23px}.fu-history-heading>span{font-size:8px;white-space:nowrap}.fu-history table,.fu-history tbody{display:block}.fu-history thead{display:none}.fu-history tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;border:1px solid #6cb9ea24;border-radius:10px;background:#032f6466;margin-top:8px;padding:11px 10px}.fu-history td{padding:0;border:0;font-size:9px;line-height:1.6;min-width:0}.fu-history .fu-history-plane{grid-column:1/-1;grid-row:1;display:block;padding-bottom:6px;border-bottom:1px solid #6cb9ea1c}.fu-history-plane>strong{font-size:12px;margin-bottom:4px}.fu-history-plane>button{display:flex;width:100%;font-size:8px;line-height:1.5;min-height:25px;gap:7px}.fu-history-plane code{font-size:8px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.fu-history-plane button>span{margin-left:auto;flex-shrink:0;font-size:15px}.fu-history .fu-history-date{grid-column:1;grid-row:2;color:#a4cceb;margin-top:2px;font-size:9px}.fu-history td.fu-history-amount{grid-column:2;grid-row:2;font-size:13px;margin-top:2px;align-self:center}.fu-history .fu-history-type{grid-column:1;grid-row:3;font-size:9px}.fu-history .fu-history-units{grid-column:1;grid-row:4;font-size:9px;color:#93c0e3}.fu-history .fu-history-status{grid-column:2;grid-row:3/5;align-self:end;text-align:right}.fu-history-status>span{font-size:8px;padding:5px 7px}.fu-history-note{font-size:9px;line-height:1.8;margin-top:13px}.fu-empty-history{padding:22px 3px}.fu-empty-history h3{font-size:13px}.fu-empty-history p{font-size:10px;line-height:1.9}.fu-footer{padding:17px 21px 5px;display:block;font-size:9px;line-height:1.9}.fu-footer>span{display:block;text-align:left;max-width:none;margin-top:9px;color:#73a6cf}}
@media(max-width:360px){.fu-header{padding:8px 12px;gap:7px}.fu-header>img{width:61px}.fu-header-title h1{font-size:13px}.fu-wallet>.fu-icon{height:22px;width:22px}.fu-wallet b{font-size:11px}.fu-wallet i{display:none}.fu-stage{height:430px}.fu-station-plane.mini-plane{height:225px;bottom:17%}.fu-station-plane[data-plane="1"]{height:185px;bottom:23%}.fu-control-column{padding-right:14px;padding-left:14px}.fu-stat{gap:6px;padding:11px 8px}.fu-stat>.fu-icon{height:28px;width:23px}.fu-stat strong{font-size:19px}.fu-stat small{font-size:6px}.fu-stat span:not(.fu-icon){font-size:7px}.fu-summary{gap:7px}.fu-history{margin-left:14px;margin-right:14px}.fu-history-heading h2{font-size:13px}.fu-aircraft-id code{max-width:225px}}
@media(prefers-reduced-motion:reduce){.fu-station-plane.mini-plane{animation:none}}
.reduce-motion .fu-station-plane.mini-plane{animation:none}
.fu-back>.fu-icon{transform:rotate(180deg)}
@media(max-width:760px){.fu-stat:not(.fu-stock)>div>strong{font-size:clamp(16px,5.2vw,22px)}}