@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.fuel-calc-page{font-family:Inter,sans-serif;color:#1e293b;line-height:1.6;--bg:#f8fafc;--card:#ffffff;--card2:#f1f5f9;--border:#cbd5e1;--primary:#ea580c;--primary2:#c2410c;--accent:#f97316;--accent2:#ea580c;--warn:#ef4444;--orange:#f97316;--text:#1e293b;--text2:#475569;--text3:#64748b;--grad1:linear-gradient(135deg,#f97316,#ea580c);--grad2:linear-gradient(135deg,#ffffff,#f1f5f9);--shadow:0 10px 25px rgba(0,0,0,.05);--radius:12px}.fuel-calc-page .crumbs{max-width:780px;margin:0 auto;padding:14px 20px 0;font-size:13px;color:#64748b}.fuel-calc-page .section-divider{display:flex;align-items:center;gap:14px;margin:24px 0 16px;color:var(--accent2);font-weight:700;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em}.fuel-calc-page .section-divider:before,.fuel-calc-page .section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.fuel-calc-page .crumbs a{color:#ea580c;text-decoration:none}.fuel-calc-page .crumbs a:hover{text-decoration:underline}.fuel-calc-page .container{max-width:780px;margin:0 auto;padding:20px}.fuel-calc-page header{text-align:center;padding:40px 0 30px}.fuel-calc-page header h1{font-size:2.2rem;font-weight:800;background:var(--grad1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.fuel-calc-page header p{color:var(--text2);font-size:.95rem}.fuel-calc-page .badge{display:inline-block;background:#6c63ff26;color:var(--primary2);padding:4px 14px;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:12px}.fuel-calc-page .grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.grid{grid-template-columns:1fr}}.fuel-calc-page .card{background:var(--card);border:1px solid var(--primary);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:border-color .3s}.fuel-calc-page .card:hover{border-color:var(--primary2)}.fuel-calc-page .card h2{font-size:1.1rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:8px}.fuel-calc-page .card h2 span{font-size:1.3rem}.fuel-calc-page .form-group{margin-bottom:16px}.fuel-calc-page .form-group label{display:block;font-size:.82rem;font-weight:500;color:var(--text2);margin-bottom:6px}.fuel-calc-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.fuel-calc-page .time-row{display:flex;align-items:center;gap:8px}.fuel-calc-page .time-row input{flex:1;text-align:center;padding:10px 4px}.fuel-calc-page .time-row span{font-weight:700;color:var(--text2)}.fuel-calc-page input,select{width:100%;padding:10px 14px;background:var(--card2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .3s}.fuel-calc-page input:focus,select:focus{outline:none;border-color:var(--primary)}.fuel-calc-page select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239ea4c1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.fuel-calc-page select option{background:var(--card);color:var(--text)}.fuel-calc-page .btn{width:100%;padding:14px;border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;background:var(--grad1);color:#fff;letter-spacing:.3px}.fuel-calc-page .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6c63ff59}.fuel-calc-page .btn:active{transform:translateY(0)}.fuel-calc-page .results{margin-top:24px}.fuel-calc-page .results .card{border-color:#00d4aa33}.fuel-calc-page .step-title{font-size:1.05rem;font-weight:700;color:var(--primary);margin:28px 0 8px;border-bottom:1px solid var(--border);padding-bottom:8px}.fuel-calc-page .step-desc{font-size:.9rem;color:var(--text2);margin-bottom:16px;line-height:1.6}.fuel-calc-page .result-grid{display:grid;gap:12px;margin-bottom:16px}.fuel-calc-page .grid-3{grid-template-columns:repeat(3,1fr)}.fuel-calc-page .grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.grid-3{grid-template-columns:1fr 1fr}.grid-3 .stat:nth-child(3){grid-column:span 2}.grid-2{grid-template-columns:1fr 1fr}}.fuel-calc-page .stat{background:var(--card2);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border);transition:transform .3s}.fuel-calc-page .stat:hover{transform:translateY(-3px)}.fuel-calc-page .stat .val{font-size:1.6rem;font-weight:800;margin-bottom:2px}.fuel-calc-page .stat .lbl{font-size:.72rem;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fuel-calc-page .stat.primary .val{color:var(--primary2)}.fuel-calc-page .stat.accent .val{color:var(--accent2)}.fuel-calc-page .stat.warn .val{color:var(--warn)}.fuel-calc-page .stat.orange .val{color:var(--orange)}.fuel-calc-page .fuel-plan{background:var(--card2);border-radius:12px;padding:20px;margin-top:16px;border:1px solid var(--border)}.fuel-calc-page .fuel-plan h3{font-size:1rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px}.fuel-calc-page .timeline{position:relative;padding-left:24px}.fuel-calc-page .timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--border)}.fuel-calc-page .timeline .point{position:relative;margin-bottom:14px;padding-left:16px}.fuel-calc-page .timeline .point:before{content:"";position:absolute;left:-20px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--card)}.fuel-calc-page .timeline .point.active:before{background:var(--accent);box-shadow:0 0 10px #00d4aa66}.fuel-calc-page .timeline .point .km{font-weight:700;font-size:.9rem}.fuel-calc-page .timeline .point .info{font-size:.78rem;color:var(--text2)}.fuel-calc-page .progress-bar{height:8px;background:var(--card2);border-radius:4px;overflow:hidden;margin:8px 0}.fuel-calc-page .progress-bar .fill{height:100%;border-radius:4px;transition:width .8s ease}.fuel-calc-page .fill.green{background:linear-gradient(90deg,#00d4aa,#00f0c0)}.fuel-calc-page .fill.red{background:linear-gradient(90deg,#ff6b6b,#ff9f43)}.fuel-calc-page .fill.blue{background:linear-gradient(90deg,#6c63ff,#8b83ff)}.fuel-calc-page .info-box{background:#6c63ff14;border:1px solid rgba(108,99,255,.2);border-radius:10px;padding:14px;margin-top:16px;font-size:.82rem;color:var(--text2);line-height:1.7}.fuel-calc-page .info-box strong{color:var(--text)}.fuel-calc-page .warn-box{background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:10px;padding:14px;margin-top:12px;font-size:.82rem;color:var(--warn)}.fuel-calc-page .hidden{display:none}.fuel-calc-page .gel-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fuel-calc-page .gel-option{padding:10px;background:var(--card2);border:2px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all .3s;font-size:.8rem}.fuel-calc-page .gel-option:hover{border-color:var(--primary)}.fuel-calc-page .gel-option.selected{border-color:var(--accent);background:#00d4aa14}.fuel-calc-page .gel-option .gel-name{font-weight:600;font-size:.82rem}.fuel-calc-page .gel-option .gel-carb{color:var(--accent2);font-weight:700;font-size:.95rem}.fuel-calc-page .gel-option .gel-cal{color:var(--text3);font-size:.72rem}.fuel-calc-page footer{text-align:center;padding:30px 0;color:var(--text3);font-size:.78rem}