:root{--color-primary:#25418f;--color-on-primary:#fff;--color-secondary:#5b6b9a;--color-surface:#fff;--color-on-surface:#464667;--color-on-surface-variant:#5a5c72;--color-bg:#f0f1f2;--color-card:#f9fafb;--color-outline:#c7c7c7;--color-error:#b3261e;--color-shadow:#2b2b2b1f;--drawer-width:280px;--radius:9px;--font:"Segoe UI", "Roboto", "Noto Sans Ethiopic", system-ui, sans-serif}[data-theme=dark]{--color-primary:#f3f4f7;--color-on-primary:#1a1b2a;--color-secondary:#9aa3c7;--color-surface:#464667;--color-on-surface:#f0f1f2;--color-on-surface-variant:#c5c6d4;--color-bg:#2e2e48;--color-card:#1a1b2a;--color-outline:#7c7c7d;--color-error:#ffb4ab;--color-shadow:#00000059}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-on-surface);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}.app-loading{background:var(--color-bg);place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gp-drawer{background:var(--color-surface);width:100%;height:100%;color:var(--color-on-surface);border-right:1px solid color-mix(in srgb, var(--color-outline) 50%, transparent);flex-direction:column;display:flex;overflow:auto}.gp-drawer__header{padding:24px 16px 8px 24px}.gp-drawer__logo{width:140px;height:auto}.gp-drawer__nav{flex-direction:column;gap:2px;padding:0 0 0 16px;display:flex}.gp-drawer__item,.gp-drawer__expand{width:calc(100% - 12px);color:var(--color-on-surface);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px 0 0 8px;align-items:center;gap:12px;padding:12px;font-size:15px;display:flex}.gp-drawer__item:hover,.gp-drawer__expand:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.gp-drawer__item--active{background:color-mix(in srgb, var(--color-primary) 14%, transparent);color:var(--color-primary);font-weight:600}[data-theme=dark] .gp-drawer__item--active{color:var(--color-on-surface)}.gp-drawer__item--sub{padding-left:28px;font-size:14px}.gp-drawer__expand{position:relative}.gp-drawer__chevron{opacity:.7;margin-left:auto}.gp-drawer__submenu{flex-direction:column;gap:2px;display:flex}.gp-drawer__section{padding:16px 20px 0}.gp-drawer__section-title{color:var(--color-on-surface-variant);margin:0 0 8px;font-size:13px}.gp-drawer__chips{gap:8px;display:flex}.gp-chip{border:1px solid var(--color-outline);background:var(--color-bg);color:var(--color-on-surface);cursor:pointer;border-radius:8px;flex:1;padding:8px 10px}.gp-chip--active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 16%, transparent);font-weight:600}.gp-drawer__footer{margin-top:auto;padding:24px 20px 28px}.gp-drawer__email{color:var(--color-on-surface-variant);word-break:break-all;margin:0 0 10px;font-size:13px}.gp-drawer__logout{border:1px solid var(--color-error);width:100%;color:var(--color-error);cursor:pointer;background:0 0;border-radius:8px;padding:10px;font-weight:600}.gp-drawer-modal{z-index:1000;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.gp-drawer-modal__card{background:var(--color-surface);color:var(--color-on-surface);width:min(360px,100vw - 32px);box-shadow:0 8px 30px var(--color-shadow);border-radius:12px;padding:24px}.gp-drawer-modal__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.gp-drawer-modal__actions button{border:1px solid var(--color-outline);background:var(--color-bg);color:var(--color-on-surface);cursor:pointer;border-radius:8px;padding:8px 14px}.gp-drawer-modal__danger{background:var(--color-primary)!important;color:var(--color-on-primary)!important;border-color:#0000!important}.gp-info-card{color:var(--color-on-surface);border-radius:15px;flex-direction:column;gap:4px;min-height:152px;padding:16px;display:flex;box-shadow:0 1px 2px #0f172a0d}.gp-info-card__img{object-fit:contain;width:44px;height:44px}.gp-info-card__value{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;overflow:hidden}.gp-info-card__title{color:var(--color-primary);margin:0;font-size:16px;font-weight:600}[data-theme=dark] .gp-info-card__title{color:var(--color-on-surface)}.gp-info-card__subtitle{color:var(--color-on-surface-variant);margin:4px 0 0;font-size:12px;line-height:1.35}.gp-btn{background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;transition:opacity .15s;display:inline-flex}.gp-btn:hover:not(:disabled){opacity:.92}.gp-btn:disabled{opacity:.7;cursor:not-allowed}.gp-btn--border{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}.gp-btn__content{align-items:center;gap:10px;display:inline-flex}.gp-btn__spinner{border:2.5px solid color-mix(in srgb, var(--color-on-primary) 35%, transparent);border-top-color:var(--color-on-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.gp-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;padding:48px 24px;display:flex}.gp-status__title{color:var(--color-on-surface);margin:0;font-size:18px;font-weight:600}.gp-status__hint{color:var(--color-on-surface-variant);max-width:360px;margin:0;font-size:14px}.gp-header{background:0 0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:18px 20px 8px 50px;display:flex}.gp-header__left,.gp-header__right{align-items:center;gap:12px;min-width:0;display:flex}.gp-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.gp-header__title{color:var(--color-on-surface);text-align:left;margin:0;font-size:22px;font-weight:700}.gp-header__subtitle{color:var(--color-on-surface-variant);text-align:left;margin:0;font-size:14px;font-weight:400}.gp-header__menu{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.gp-header__menu:hover{background:var(--color-bg)}@media (width<=849px){.gp-header{padding:12px 8px 8px}}.gp-stations{flex-direction:column;min-height:100%;display:flex}.gp-stations__body{padding:16px 20px}.gp-stations__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.gp-station-card{text-align:left;border:1px solid var(--color-outline);background:var(--color-card);color:var(--color-on-surface);cursor:pointer;border-radius:12px;padding:18px}.gp-station-card:hover{border-color:var(--color-primary)}.gp-station-card h3{margin:0 0 6px;font-size:18px}.gp-station-card p{color:var(--color-on-surface-variant);margin:0 0 12px;font-size:14px}.gp-station-card .ok{color:#0a7a2f;font-size:13px;font-weight:600}.gp-station-card .bad{color:var(--color-error);font-size:13px;font-weight:600}.gp-dashboard{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-dashboard__header-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:64px;padding:10px 20px 4px;display:grid}.gp-dashboard__title-wrap{align-items:center;gap:8px;display:flex}.gp-dashboard__title{color:var(--color-on-surface);margin:0;font-size:22px;font-weight:700}.gp-dashboard__header-row .gp-dashboard__toolbar{justify-self:end;margin-bottom:0}.gp-dashboard__body{padding:0 20px 24px}.gp-station-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;max-width:220px;padding:8px 10px;font-size:15px;font-weight:600;display:inline-flex}.gp-station-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gp-dashboard__toolbar{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:8px;display:flex}.gp-dashboard__mobile-toolbar{display:none}.gp-text-toggle{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:15px;font-weight:500}.gp-text-toggle.active{color:var(--color-primary);font-weight:700}.gp-calendar-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px;display:inline-flex}.gp-date-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.gp-dashboard__top{gap:12px;margin-bottom:16px;display:grid}.gp-dashboard__top.desktop{grid-template-columns:2fr 1fr;align-items:start}.gp-dashboard__top.tablet,.gp-dashboard__top.mobile{grid-template-columns:1fr}.gp-summary-card{background:var(--color-surface);border-radius:10px;padding:8px;box-shadow:0 1px 3px #0f172a0f}.gp-summary-card h2{color:var(--color-on-surface);margin:8px;font-size:16px;font-weight:700}.gp-summary-card__subtitle{color:var(--color-on-surface);margin:0 8px 16px;font-size:14px}.gp-dashboard__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 8px 8px;display:grid}.gp-station-detail{background:var(--color-surface);border-radius:15px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 1px 3px #0f172a0f}.gp-dashboard__top.desktop .gp-station-detail{margin:8px}.gp-station-detail__row{grid-template-columns:5fr 7fr;gap:10px;font-size:14px;display:grid}.gp-station-detail__row strong{color:var(--color-on-surface);font-weight:700}.gp-station-detail__row span{color:var(--color-on-surface);word-break:break-word}.gp-dashboard__charts{gap:16px;display:grid}.gp-dashboard__charts.row{grid-template-columns:1fr 1fr}.gp-dashboard__charts.stack{grid-template-columns:1fr}.gp-chart-card{background:var(--color-surface);border-radius:15px;padding:16px;position:relative;box-shadow:0 1px 3px #0f172a0f}.gp-chart-card h3{margin:0 0 8px;font-size:18px;font-weight:700}.gp-chart-card__legend{justify-content:space-evenly;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.gp-chart-card__legend span{align-items:center;gap:6px;display:inline-flex}.gp-chart-card__legend span:before{content:"";border-radius:30px;width:12px;height:12px;display:inline-block}.gp-chart-card__legend .diesel:before{background:#3b82f6}.gp-chart-card__legend .regular:before{background:#22c55e}.gp-chart-card__legend .kerosene:before{background:#eab308}.gp-chart{width:100%;min-height:240px}.gp-chart__empty{min-height:220px;color:var(--color-on-surface-variant);place-items:center;margin:0;display:grid}@media (width<=1099px) and (width>=980px){.gp-dashboard__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.gp-dashboard__body{padding:0 16px 24px}.gp-dashboard__header-row{padding-left:16px;padding-right:16px}}@media (width<=979px){.gp-dashboard__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=849px){.gp-dashboard__header-row{grid-template-columns:1fr auto;padding:12px 8px 4px}.gp-dashboard__header-row .gp-dashboard__toolbar{display:none}.gp-dashboard__body{padding:0 8px 24px}.gp-dashboard__mobile-toolbar{justify-content:flex-end;align-items:center;gap:4px;margin-bottom:8px;display:flex}.gp-dashboard__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gp-summary-card{box-shadow:none}}@media (width>=850px) and (width<=1099px){.gp-dashboard__body{padding:0 16px 24px}.gp-dashboard__header-row{padding-left:16px;padding-right:16px}}.gp-about{flex-direction:column;min-height:100%;display:flex}.gp-about__body{max-width:860px;color:var(--color-on-surface);flex-direction:column;gap:16px;padding:8px 24px 40px;font-size:16px;line-height:1.5;display:flex}.gp-about__logo{object-fit:contain;width:auto;height:72px;margin:0 auto}.gp-about__heading{color:var(--color-on-surface);margin:0;font-size:24px;font-weight:700}.gp-about__body p{-webkit-user-select:text;user-select:text;margin:0}.gp-about__cta{background:var(--color-primary);border-radius:8px;align-self:flex-start;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--color-on-primary)!important}.gp-about__cta:hover{opacity:.92}@media (width<=849px){.gp-about__body{padding:8px 16px 32px}}.gp-fuel-tabs{background:var(--color-surface);border:1px solid var(--color-on-surface);border-radius:10px;grid-template-columns:repeat(3,1fr);width:100%;display:grid;overflow:hidden}.gp-fuel-tabs--disabled{opacity:.55;pointer-events:none}.gp-fuel-tabs button{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;padding:12px 8px;font-size:14px;font-weight:700}.gp-fuel-tabs button.active{background:var(--color-primary);color:var(--color-on-primary);border-radius:10px}[data-theme=dark] .gp-fuel-tabs{border-color:var(--color-outline)}.gp-pump{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-pump__body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 20px 24px;display:flex}.gp-pump__summary-bar{background:var(--color-surface);border-radius:10px;justify-content:space-between;align-items:center;min-height:30px;padding:4px 10px;font-size:14px;font-weight:600;display:flex}.gp-pump__summary-bar strong{font-weight:600}.gp-pump__selectors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gp-pump__selectors label{color:var(--color-on-surface);flex-direction:column;gap:4px;font-size:13px;display:flex}.gp-pump__selectors span{padding:8px 2px 0}.gp-pump__selectors select{background:var(--color-surface);width:100%;height:50px;color:var(--color-on-surface);border:none;border-radius:10px;padding:0 10px}.gp-pump__sales{text-align:center;width:100%;min-height:180px;color:var(--color-on-primary);background:linear-gradient(180deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 72%, #101828) 100%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.gp-pump__sales--loading{min-height:80px}.gp-pump__sales-label{font-size:18px;font-weight:700}.gp-pump__sales-value{margin:2px 0 4px;font-size:36px;font-weight:700;line-height:1.15}.gp-pump__sales-sub{font-size:16px}.gp-pump__sales-volume{margin-top:6px;font-size:14px}.gp-pump__transactions{flex-direction:column;flex:1;min-height:200px;padding:4px 0 8px;display:flex}.gp-pump__tx-head{justify-content:space-between;align-items:center;gap:12px;padding:0 8px 8px;display:flex}.gp-pump__tx-head h2{margin:0;font-size:18px;font-weight:800}.gp-pump__tx-actions{color:var(--color-primary);align-items:center;gap:8px;font-size:16px;display:flex}.gp-pump__tx-actions button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:16px;font-weight:500}.gp-pump__tx-actions button:hover,.gp-pump__tx-actions button:focus-visible{text-decoration:underline}.gp-tx{width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.gp-tx--button{cursor:pointer;border-radius:10px}.gp-tx--button:hover{background:color-mix(in srgb, var(--color-outline) 18%, transparent)}.gp-tx__left,.gp-tx__right{align-items:center;gap:10px;min-width:0;display:flex}.gp-tx__right{flex-direction:column;align-items:flex-end;gap:0}.gp-tx__avatar{background:#bdbdbd21;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.gp-tx__avatar img{object-fit:contain;width:22px;height:22px}.gp-tx__info{flex-direction:column;min-width:0;display:flex}.gp-tx__info strong,.gp-tx__right strong{font-size:16px;font-weight:700}.gp-tx__info span,.gp-tx__right span{color:var(--color-on-surface-variant);font-size:14px}.gp-pump__empty{text-align:center;place-items:center;gap:12px;padding:40px 16px;display:grid}.gp-pump__empty img{width:120px}.gp-pump__empty p{max-width:220px;font-size:18px;font-weight:800}.gp-pump-detail{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-pump-detail__bar{background:var(--color-surface);padding:10px 15px}.gp-pump-detail__title-row{grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.gp-pump-detail__title-row h2{text-align:center;margin:0;font-size:16px;font-weight:700}.gp-pump-detail__back{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.gp-pump-detail__tools{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.gp-pump-detail__search{background:var(--color-bg);border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 10px;display:flex}.gp-pump-detail__search input{min-width:0;color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1}.gp-pump-detail__search button{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;display:inline-flex}.gp-pump-detail__range{border:1px solid var(--color-outline);height:42px;color:var(--color-on-surface);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 10px;display:inline-flex}.gp-pump-detail__range span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gp-pump-detail__dates{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin-top:10px;display:grid}.gp-pump-detail__dates label{flex-direction:column;gap:4px;font-size:12px;display:flex}.gp-pump-detail__dates input{border:1px solid var(--color-outline);background:var(--color-bg);height:40px;color:var(--color-on-surface);border-radius:8px;padding:0 8px}.gp-pump-detail__apply{background:var(--color-primary);height:40px;color:var(--color-on-primary);cursor:pointer;border:none;border-radius:8px;padding:0 16px;font-weight:700}.gp-pump-detail__list{flex:1;min-height:0;padding:8px 12px 16px;overflow:auto}.gp-pump-detail__more{place-items:center;padding:12px;display:grid}.gp-pump-detail__footer{color:#fff;text-align:center;background:linear-gradient(#2196f3 0%,#00bcd4 100%);border-radius:10px 10px 0 0;padding:16px}.gp-pump-detail__footer p,.gp-pump-detail__footer strong{margin:0;display:block}.gp-pump-detail__footer p{margin-bottom:10px;font-weight:700}.gp-pump-detail__footer strong{margin-top:8px}.gp-pump-picker{z-index:1;background:var(--color-surface);border-radius:16px;flex-direction:column;gap:8px;width:min(500px,90vw);max-height:90vh;padding:20px;display:flex;position:relative}.gp-pump-picker__heading{text-align:center;color:#448aff;margin:0;font-weight:700}.gp-pump-picker__tabs{border-bottom:1px solid var(--color-outline);grid-template-columns:1fr 1fr;display:grid}.gp-pump-picker__tabs button{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px;font-weight:700}.gp-pump-picker__tabs button.active{color:var(--color-on-surface);border-bottom-color:var(--color-on-surface)}.gp-pump-picker__search input{border:2px solid var(--color-outline);width:100%;height:42px;color:var(--color-on-surface);background:#f5f5f5;border-radius:16px;padding:0 16px}.gp-pump-picker__list{height:250px;overflow:auto}.gp-pump-picker__done{color:#448aff;cursor:pointer;background:0 0;border:none;border-radius:10px;height:46px;font-size:16px;font-weight:700}.gp-pump-picker__done:disabled{opacity:.4;cursor:not-allowed}@media (width<=849px){.gp-pump__body{padding:8px}.gp-pump__sales{min-height:148px;padding:14px}.gp-pump__sales-label{font-size:16px}.gp-pump__sales-value{font-size:28px}.gp-pump__sales-sub{font-size:14px}.gp-pump-detail__tools,.gp-pump-detail__dates{grid-template-columns:1fr}}[data-theme=dark] .gp-pump__sales{background:linear-gradient(180deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 78%, var(--color-card)) 100%)}[data-theme=dark] .gp-pump-picker__search input{background:var(--color-card)}[data-theme=dark] .gp-pump__tx-actions,[data-theme=dark] .gp-pump__tx-actions button{color:var(--color-secondary)}.gp-gauge{width:100%;max-width:420px;margin:0 auto}.gp-gauge__stage{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.gp-gauge__body{aspect-ratio:2.4;background:linear-gradient(135deg,#d1d5db,#f3f4f6,#9ca3af);border:1.5px solid #6b7280;border-radius:40px;width:min(100%,360px);padding:10px;position:relative;box-shadow:0 4px 12px -2px #00000042}.gp-gauge__inner{border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.gp-gauge__empty{background:linear-gradient(#e5e7eb,#d1d5db);position:absolute;inset:0}.gp-gauge__fill{background:linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 85%, transparent), #22d3ee);height:100%;transition:width .55s cubic-bezier(.65,0,.35,1);position:absolute;inset:0 auto 0 0}.gp-gauge__gloss{pointer-events:none;background:linear-gradient(#ffffff8c,#0000);border-radius:32px;height:40%;position:absolute;top:0;left:2.5%;right:2.5%}.gp-gauge__ticks{pointer-events:none;position:absolute;inset:0 12px}.gp-gauge__tick{background:#00000059;width:1px;height:8px;position:absolute;bottom:6px;transform:translate(-50%)}.gp-gauge__tick--major{background:#0009;width:2px;height:14px}.gp-gauge__tick em{color:#000000b3;font-size:10px;font-style:normal;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.gp-gauge__pct{text-shadow:1.5px 1.5px 3px #00000061;z-index:1;place-items:center;font-size:26px;font-weight:700;display:grid;position:absolute;inset:0}.gp-gauge__cap{background:#4b5563;border:1px solid #1f2937;border-radius:6px;width:28px;height:18px;position:absolute;top:18px;right:6px;box-shadow:0 2px 4px #00000042}.gp-gauge__wheel{background:radial-gradient(circle,#9ca3af 0 5px,#000 5px 12px,#0000 12px),#111;border:2px solid #374151;border-radius:50%;width:32px;height:32px;position:absolute;bottom:0;box-shadow:0 3px 6px -1px #00000073}.gp-gauge__wheel--left{left:40px}.gp-gauge__wheel--right{right:40px}.gp-tank{flex-direction:column;min-height:100%;display:flex}.gp-tank__body{flex-direction:column;flex:1;gap:15px;min-height:0;padding:8px 20px 24px;display:flex}.gp-tank__content{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.gp-tank__select{max-width:240px;color:var(--color-on-surface);flex-direction:column;gap:4px;font-size:13px;display:flex}.gp-tank__select select{border:1px solid var(--color-on-surface);background:var(--color-surface);height:50px;color:var(--color-on-surface);border-radius:10px;padding:0 10px}.gp-tank__layout{grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:24px;display:grid}.gp-tank__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;display:grid}.gp-tank__detail{background:var(--color-card);border:1px solid color-mix(in srgb, var(--color-outline) 35%, transparent);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.gp-tank__detail-icon{color:var(--color-primary);flex-shrink:0;display:inline-flex}.gp-tank__detail-label{color:var(--color-on-surface-variant);font-size:11px;display:block}.gp-tank__detail-value{color:var(--color-on-surface);margin-top:4px;font-size:15px;font-weight:600;display:block}.gp-tank__empty{text-align:center;place-items:center;gap:12px;padding:48px 16px;display:grid}.gp-tank__empty img{width:120px;height:auto}.gp-tank__empty p{max-width:200px;margin:0;font-size:18px;font-weight:800}@media (width<=900px){.gp-tank__layout,.gp-tank__details{grid-template-columns:1fr}}@media (width<=849px){.gp-tank__body{padding:8px}}.gp-atm{flex-direction:column;min-height:100%;display:flex}.gp-atm__body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:8px 20px 24px;display:flex}.gp-atm__summary{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-outline) 30%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;padding:10px 16px;display:flex}.gp-atm__stat{flex-direction:column;align-items:center;gap:4px;min-width:90px;display:flex}.gp-atm__stat--start{align-items:flex-start}.gp-atm__stat--end{align-items:flex-end}.gp-atm__stat span{color:var(--color-on-surface-variant);font-size:12px}.gp-atm__stat strong{color:var(--color-on-surface);font-size:15px;font-weight:700}.gp-atm__grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px;min-height:0;display:grid}.gp-atm-card{background:var(--color-surface);box-shadow:0 2px 6px var(--color-shadow);border-radius:12px;flex-direction:column;gap:8px;min-height:280px;padding:12px;display:flex}.gp-atm-card__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gp-atm-card__top h3{margin:0;font-size:18px;font-weight:600}.gp-atm-card__top span{color:var(--color-on-surface-variant);font-size:14px;font-weight:500}.gp-atm-card__body{flex:1;grid-template-columns:90px 1fr;gap:12px;min-height:0;display:grid}.gp-atm-card__cylinder{border:2px solid var(--color-outline);background:var(--color-bg);border-radius:8px;width:80px;height:100%;min-height:160px;margin:0 auto;position:relative;overflow:hidden}.gp-atm-card__fill{border-radius:0 0 6px 6px;transition:height .35s;position:absolute;bottom:0;left:2px;right:2px}.gp-atm-card__cylinder strong{color:#fff;text-shadow:0 1px 2px #00000073;z-index:1;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.gp-atm-card__meta{flex-direction:column;gap:4px;display:flex;overflow:auto}.gp-atm-card__meta p{color:var(--color-on-surface);margin:0;font-size:13px;line-height:1.35}.gp-atm-card__meta span{color:var(--color-on-surface-variant)}@media (width<=1199px){.gp-atm__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){.gp-atm__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.gp-atm__grid{grid-template-columns:1fr}.gp-atm__stat,.gp-atm__stat--start,.gp-atm__stat--end{align-items:flex-start}}@media (width<=849px){.gp-atm__body{padding:8px}}.gp-shift{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-shift__body{flex:1;padding:16px 20px 24px;overflow:auto}.gp-shift-search{background:var(--color-surface);border-radius:10px;align-items:stretch;width:min(280px,100%);height:44px;display:flex;overflow:hidden}.gp-shift-search__input{min-width:0;color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:0 14px}.gp-shift-search__input::placeholder{color:var(--color-on-surface-variant)}.gp-shift-search__clear{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 6px;display:inline-flex}.gp-shift-search__btn{background:var(--color-primary);width:48px;color:var(--color-on-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;margin:0 4px 0 0;display:inline-flex}.gp-shift__table-shell{background:var(--color-surface);border-radius:10px;width:100%;overflow:hidden}.gp-shift__table-scroll{width:100%;overflow-x:auto}.gp-shift__table-scroll--detail{max-height:calc(90vh - 140px);overflow:auto}.gp-shift-table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px}.gp-shift-table.compact{min-width:680px}.gp-shift-table th,.gp-shift-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--color-outline) 45%, transparent);white-space:nowrap;color:var(--color-on-surface);vertical-align:middle;padding:14px 16px}.gp-shift-table th:first-child,.gp-shift-table td:first-child{padding-left:24px}.gp-shift-table th:last-child,.gp-shift-table td:last-child{padding-right:24px}.gp-shift-table.compact th,.gp-shift-table.compact td{padding:12px 9px}.gp-shift-table th{background:var(--color-surface);color:var(--color-on-surface);font-size:12px;font-weight:700}.gp-shift-table tbody tr:last-child td{border-bottom:none}.gp-shift-table__num{color:var(--color-primary);font-weight:700}.gp-shift-table__details{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.gp-shift-badge{border:1px solid #0000;border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.gp-shift-badge.active{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.gp-shift-badge.closed{background:color-mix(in srgb, var(--color-card) 80%, var(--color-outline));border-color:color-mix(in srgb, var(--color-outline) 40%, transparent);color:var(--color-on-surface-variant)}.gp-shift__loading-more{place-items:center;padding:16px;display:grid}.gp-shift-table--detail{min-width:820px}.gp-shift-table--detail th,.gp-shift-table--detail td{padding:12px 16px;font-size:13px}.gp-shift-table--detail th{border-bottom:1px solid color-mix(in srgb, var(--color-outline) 45%, transparent);background:0 0}.gp-shift-table__total td{background:color-mix(in srgb, var(--color-card) 80%, var(--color-outline));color:var(--color-on-surface);font-weight:700}.gp-modal__card{z-index:1;background:var(--color-surface);width:min(960px,96vw);max-height:90vh;box-shadow:0 12px 40px var(--color-shadow);border-radius:12px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.gp-modal__card--detail{width:min(1200px,92vw)}.gp-modal__card--detail.mobile{width:min(960px,96vw);padding:12px}.gp-modal__card--alert{width:min(420px,96vw);overflow:auto}.gp-modal__card--alert h2{margin:0 0 8px;font-size:18px}.gp-modal__card--alert p{color:var(--color-on-surface);margin:0 0 8px}.gp-modal__alert-actions{justify-content:flex-end;display:flex}.gp-modal__ok{color:var(--color-primary);cursor:pointer;background:0 0;border:none;min-height:48px;padding:12px 16px;font-weight:700}.gp-modal__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gp-modal__head h2{margin:0;font-size:18px;font-weight:700}.gp-modal__meta{color:var(--color-on-surface);flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:14px;display:flex}.gp-modal__close{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.gp-modal__detail-body{flex-direction:column;flex:1;min-height:0;margin-top:10px;display:flex;overflow:hidden}.gp-modal__empty{text-align:center;color:var(--color-on-surface-variant);margin:40px 0}.gp-modal hr{border:none;border-top:1px solid color-mix(in srgb, var(--color-outline) 50%, transparent);flex-shrink:0;margin:12px 0 0}@media (width<=849px){.gp-shift__body{padding:16px 6px 24px}.gp-shift-search{width:min(220px,100%)}.gp-modal{padding:12px}.gp-shift-table th,.gp-shift-table td{padding:12px 9px}}.gp-notice{flex-direction:column;min-height:100%;display:flex}.gp-notice__body{flex-direction:column;gap:12px;padding:8px 20px 24px;display:flex}.gp-notice-chips{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gp-notice-chip{border:1px solid color-mix(in srgb, var(--color-outline) 22%, transparent);background:var(--color-surface);min-height:64px;color:var(--color-on-surface);box-shadow:0 12px 24px var(--color-shadow);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:10px;padding:18px 20px;display:flex}.gp-notice-chip i{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gp-notice-chip span{flex:1;font-size:16px;font-weight:600}.gp-notice-chip strong{font-size:22px;font-weight:700}.gp-notice-chip.all i,.gp-notice-chip.all strong{color:var(--color-primary);background:var(--color-primary)}.gp-notice-chip.all strong{background:0 0}.gp-notice-chip.new i,.gp-notice-chip.new strong{color:var(--color-error);background:var(--color-error)}.gp-notice-chip.new strong{background:0 0}.gp-notice-chip.seen i{background:var(--color-secondary)}.gp-notice-chip.seen strong{color:var(--color-secondary)}.gp-notice-chip.all.selected{background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));border-color:var(--color-primary)}.gp-notice-chip.new.selected{background:color-mix(in srgb, var(--color-error) 18%, var(--color-surface));border-color:var(--color-error)}.gp-notice-chip.seen.selected{background:color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));border-color:var(--color-secondary)}.gp-notice-tabs{background:color-mix(in srgb, var(--color-on-surface) 8%, var(--color-surface));border-radius:14px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.gp-notice-tabs button{color:color-mix(in srgb, var(--color-on-surface-variant) 70%, transparent);cursor:pointer;background:0 0;border:none;border-radius:12px;min-height:44px;font-size:14px;font-weight:600}.gp-notice-tabs button.active{background:var(--color-primary);color:var(--color-on-primary)}.gp-notice__list{flex-direction:column;gap:12px;display:flex}.gp-alert{text-align:left;border:1px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 8px 18px var(--color-shadow);cursor:default;border-radius:18px;padding:20px;position:relative}.gp-alert.new{border-color:color-mix(in srgb, var(--color-error) 35%, transparent);cursor:pointer}.gp-alert__row{align-items:flex-start;gap:16px;display:flex}.gp-alert__icon{background:color-mix(in srgb, var(--color-secondary) 12%, transparent);width:48px;height:48px;color:var(--color-secondary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.gp-alert.new .gp-alert__icon{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.gp-alert__main{flex:1;min-width:0}.gp-alert__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.gp-alert__top strong{font-size:16px;font-weight:700}.gp-alert__top em{background:color-mix(in srgb, var(--color-secondary) 12%, transparent);color:var(--color-secondary);white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:12px;font-style:normal;font-weight:600}.gp-alert.new .gp-alert__top em{background:color-mix(in srgb, var(--color-error) 12%, transparent);color:var(--color-error)}.gp-alert__meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.gp-alert__meta span{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);max-width:100%;color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.gp-alert__meta span svg{flex-shrink:0}.gp-alert__menu{flex-shrink:0;position:relative}.gp-alert__more{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.gp-alert__menu-panel{z-index:2;background:var(--color-surface);min-width:160px;box-shadow:0 8px 24px var(--color-shadow);border:1px solid color-mix(in srgb, var(--color-outline) 35%, transparent);border-radius:10px;padding:6px;position:absolute;top:36px;right:0}.gp-alert__menu-panel button{width:100%;color:var(--color-on-surface);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.gp-alert__menu-panel button:hover{background:color-mix(in srgb, var(--color-on-surface) 6%, transparent)}.gp-alert__time{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);align-items:center;gap:6px;margin-top:18px;display:flex}.gp-alert__time small{font-size:13px}.gp-alert__hint{color:color-mix(in srgb, var(--color-error) 80%, transparent);margin:14px 0 0;font-size:13px;font-weight:500}.gp-notice-empty{text-align:center;background:color-mix(in srgb, var(--color-on-surface) 6%, var(--color-surface));color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);border-radius:16px;margin:24px 0;padding:24px}.gp-notice-empty p{margin:16px 0 0}@media (width<=849px){.gp-notice__body{padding:8px}.gp-notice-chips{grid-template-columns:1fr;gap:8px}.gp-notice-chip{border-radius:12px;min-height:48px;padding:10px 12px}.gp-notice-chip span{font-size:14px}.gp-notice-chip strong{font-size:16px}}.gp-fuel{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-fuel__body{flex-direction:column;gap:20px;padding:16px 24px 32px;display:flex}.gp-fuel__banner{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 12%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-primary) 22%, var(--color-surface)) 100%);border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);border-radius:24px;padding:24px}.gp-fuel__banner h2{color:var(--color-primary);margin:0 0 8px;font-size:18px;font-weight:700}.gp-fuel__banner p{color:color-mix(in srgb, var(--color-on-surface) 72%, transparent);max-width:72ch;margin:0;font-size:14px;line-height:1.4}.gp-fuel__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-fuel__search{background:var(--color-surface);border-radius:10px;align-items:stretch;width:min(420px,100%);height:44px;display:flex;overflow:hidden}.gp-fuel__search input{min-width:0;color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:0 14px}.gp-fuel__search input::placeholder{color:var(--color-on-surface-variant)}.gp-fuel__search button{background:var(--color-primary);width:44px;color:var(--color-on-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;margin:0 4px 0 0;display:inline-flex}.gp-fuel__add{background:var(--color-primary);min-width:180px;height:44px;color:var(--color-on-primary);cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.gp-fuel__list{flex-direction:column;gap:16px;display:flex}.gp-fuel-card{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-outline) 28%, transparent);border-radius:24px;padding:20px}.gp-fuel-card__top{align-items:flex-start;gap:16px;display:flex}.gp-fuel-card__icon,.gp-fuel-dialog__icon{background:color-mix(in srgb, var(--accent,var(--color-primary)) 18%, transparent);width:58px;height:58px;color:var(--accent,var(--color-primary));border-radius:18px;flex-shrink:0;place-items:center;display:grid}.gp-fuel-card__main{flex:1;min-width:0}.gp-fuel-card__title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-fuel-card h3,.gp-fuel-dialog__head h3{color:var(--color-on-surface);margin:0;font-size:18px;font-weight:700}.gp-fuel-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.gp-fuel-badge i{background:currentColor;border-radius:50%;width:8px;height:8px}.gp-fuel-badge.live{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.gp-fuel-badge.pending{color:#b45309;background:#b4530924}.gp-fuel-card__stats{flex-wrap:wrap;gap:12px 24px;margin-top:12px;display:flex}.gp-fuel-card__stats span{letter-spacing:.6px;text-transform:uppercase;color:color-mix(in srgb, var(--color-on-surface) 60%, transparent);font-size:11px;display:block}.gp-fuel-card__stats strong{color:var(--color-on-surface);margin-top:4px;font-size:16px;font-weight:600;display:block}.gp-fuel-card__actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.gp-fuel-card__update,.gp-fuel-card__view{cursor:pointer;border-radius:20px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.gp-fuel-card__update{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));color:var(--color-primary);border:none}.gp-fuel-card__view{border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-primary);background:0 0}.gp-fuel__empty{text-align:center;color:var(--color-on-surface);place-items:center;gap:8px;padding:60px 16px;display:grid}.gp-fuel__empty svg{color:color-mix(in srgb, var(--color-primary) 35%, transparent)}.gp-fuel__empty h3{margin:8px 0 0;font-size:18px}.gp-fuel__empty p{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);margin:0 0 12px}.gp-modal{z-index:50;place-items:center;padding:16px 24px;display:grid;position:fixed;inset:0}.gp-modal__backdrop{cursor:pointer;background:#00000073;border:none;position:absolute;inset:0}.gp-fuel-dialog{z-index:1;background:var(--color-surface);width:min(440px,96vw);box-shadow:0 12px 40px var(--color-shadow);border-radius:24px;position:relative;overflow:hidden}.gp-fuel-dialog--form{width:min(580px,96vw)}.gp-fuel-dialog__head{background:color-mix(in srgb, var(--accent,var(--color-primary)) 8%, var(--color-surface));align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.gp-fuel-dialog__icon{background:var(--accent,var(--color-primary));color:#fff;border-radius:16px;width:48px;height:48px}.gp-fuel-dialog__head p{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);margin:4px 0 0;font-size:13px}.gp-fuel-dialog__price{margin-top:4px;font-size:22px;display:block}.gp-fuel-dialog__close{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:6px;display:inline-flex}.gp-fuel-dialog__body,.gp-fuel-dialog__form{flex-direction:column;gap:16px;padding:24px;display:flex}.gp-fuel-dialog__body p{margin:0}.gp-fuel-dialog__body span,.gp-fuel-dialog__form span{letter-spacing:.5px;text-transform:uppercase;color:color-mix(in srgb, var(--color-on-surface) 60%, transparent);margin-bottom:4px;font-size:12px;display:block}.gp-fuel-dialog__form span{text-transform:none;letter-spacing:0;color:var(--color-on-surface);font-size:14px;font-weight:700}.gp-fuel-dialog__form input,.gp-fuel-dialog__form select{background:var(--color-card);width:100%;height:48px;color:var(--color-on-surface);border:none;border-radius:6px;padding:0 12px}.gp-fuel-dialog__form input[readonly]{opacity:.8}.gp-fuel-dialog__note{color:color-mix(in srgb, var(--color-on-surface) 68%, transparent);margin:0;font-size:13px;line-height:1.4}.gp-fuel__error{color:var(--color-error);margin:0;font-size:13px}.gp-fuel-dialog__foot{gap:12px;padding:0 24px 24px;display:flex}.gp-fuel-dialog__foot.stack{flex-direction:column}.gp-fuel-dialog__outline,.gp-fuel-dialog__primary,.gp-fuel-dialog__tonal{cursor:pointer;border-radius:16px;flex:1;height:46px;font-weight:700}.gp-fuel-dialog__outline{border:1px solid var(--color-outline);color:var(--color-on-surface);background:0 0}.gp-fuel-dialog__primary{background:var(--color-primary);color:var(--color-on-primary);border:none}.gp-fuel-dialog__tonal{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));width:100%;color:var(--color-primary);border:none}.gp-fuel-dialog__primary:disabled,.gp-fuel-dialog__outline:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .gp-fuel__banner h2,[data-theme=dark] .gp-fuel-badge.live,[data-theme=dark] .gp-fuel-card__update,[data-theme=dark] .gp-fuel-card__view{color:var(--color-on-surface)}@media (width<=849px){.gp-fuel__body{padding:16px}.gp-fuel__banner{border-radius:18px;padding:18px}.gp-fuel__banner h2{font-size:18px}.gp-fuel__search,.gp-fuel__add{width:100%}.gp-fuel-card{border-radius:18px;padding:16px}.gp-fuel-card__icon{border-radius:16px;width:48px;height:48px}.gp-fuel-card__stats{flex-direction:column;gap:12px}.gp-fuel-card__actions{flex-direction:column}.gp-fuel-card__update,.gp-fuel-card__view{justify-content:center;width:100%}.gp-modal{padding:12px}}.gp-tvr{flex-direction:column;min-height:100%;display:flex}.gp-tvr__body{flex-direction:column;gap:12px;padding:8px 20px 24px;display:flex}.gp-tvr__select{flex-direction:column;gap:4px;max-width:240px;font-size:13px;display:flex}.gp-tvr__select select{background:var(--color-surface);height:50px;color:var(--color-on-surface);border:none;border-radius:10px;padding:0 10px}.gp-tvr__viz{grid-template-columns:minmax(240px,1fr) minmax(320px,1fr);align-items:stretch;gap:16px;display:grid}.gp-tvr__viz .gp-gauge{align-self:center}.gp-tvr-chart{background:var(--color-surface);box-shadow:0 10px 18px var(--color-shadow);border:1px solid color-mix(in srgb, var(--color-outline) 18%, transparent);border-radius:20px;flex-direction:column;min-height:320px;padding:16px;display:flex}.gp-tvr-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-tvr-chart__head h3{margin:0;font-size:16px;font-weight:700}.gp-tvr-chart__ranges{background:color-mix(in srgb, var(--color-on-surface) 6%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-outline) 28%, transparent);border-radius:22px;padding:4px;display:inline-flex}.gp-tvr-chart__ranges button{color:color-mix(in srgb, var(--color-on-surface) 72%, transparent);cursor:pointer;background:0 0;border:none;border-radius:18px;min-width:74px;height:36px;font-size:13px;font-weight:600}.gp-tvr-chart__ranges button.active{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary)}.gp-tvr-chart__reading{background:color-mix(in srgb, var(--color-surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-outline) 28%, transparent);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.gp-tvr-chart__reading span{color:color-mix(in srgb, var(--color-on-surface) 62%, transparent);font-size:12px;font-weight:600;display:block}.gp-tvr-chart__reading strong{color:var(--color-primary);margin-top:2px;font-size:18px;font-weight:700;line-height:1.15;display:block}.gp-tvr-chart__reading strong.refill,.gp-tvr-chart__chip.refill{color:#c45c26}.gp-tvr-chart__chip{white-space:nowrap;background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary);border-radius:20px;align-items:center;padding:6px 10px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.gp-tvr-chart__chip.refill{background:#c45c2629}.gp-tvr-chart__plot{flex:1;width:100%;min-height:220px}.gp-tvr-chart__empty{text-align:center;min-height:220px;color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);place-items:center;margin:auto 0;display:grid}.gp-tvr-table{background:var(--color-surface);box-shadow:0 4px 12px var(--color-shadow);border-radius:12px;padding:16px}.gp-tvr-table h3{text-align:center;margin:0 0 8px;font-size:16px;font-weight:700}.gp-tvr-filters{align-items:stretch;gap:10px;margin-bottom:16px;display:flex}.gp-tvr-filter{border:1px solid var(--color-outline);min-width:0;height:48px;color:var(--color-on-surface-variant);background:var(--color-surface);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.gp-tvr-filter input{min-width:0;height:100%;color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1}.gp-tvr-filter input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.gp-tvr-filter:not(:focus-within) input[type=date]:not(.has-value){color:#0000}.gp-tvr-filter span{pointer-events:none;color:var(--color-on-surface-variant);font-size:14px;position:absolute;left:40px}.gp-tvr-filter span.is-hidden{display:none}.gp-tvr-filter:focus-within{border-color:var(--color-primary);border-width:2px}.gp-tvr-filter__clear{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;padding:4px;display:inline-flex}.gp-tvr-filters__reset{background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gp-tvr__table-wrap{background:var(--color-card);border:1px solid color-mix(in srgb, var(--color-outline) 40%, transparent);border-radius:8px;overflow:auto}.gp-table{border-collapse:collapse;width:100%;font-size:13px}.gp-table th,.gp-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--color-outline) 40%, transparent);white-space:nowrap;padding:10px 12px}.gp-table th{color:var(--color-on-surface-variant);font-weight:600}.gp-tvr-table__grid td.accent{color:var(--color-primary);font-weight:500}.gp-pager{justify-content:center;align-items:center;gap:12px;display:flex}.gp-pager button{border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-on-surface);cursor:pointer;border-radius:8px;padding:8px 12px}.gp-pager button:disabled{opacity:.5;cursor:not-allowed}.gp-tvr-pager{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.gp-tvr-pager__pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.gp-tvr-pager__pages button{border:1px solid var(--color-outline);min-width:36px;height:36px;color:var(--color-on-surface);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.gp-tvr-pager__pages button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.gp-tvr-pager__pages button:disabled{opacity:.4;cursor:not-allowed}.gp-tvr-pager__ellipsis{text-align:center;min-width:36px;font-weight:700}.gp-tvr-pager__limit{align-items:center;gap:8px;font-size:13px;display:inline-flex}.gp-tvr-pager__limit select{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;font-weight:700}@media (width<=900px){.gp-tvr__viz{grid-template-columns:1fr}.gp-tvr-filters{flex-wrap:wrap}.gp-tvr-filter{flex:160px;min-width:calc(50% - 24px)}}@media (width<=849px){.gp-tvr__body{padding:8px}}.gp-pr{flex-direction:column;min-height:100%;display:flex}.gp-pr__body{flex-direction:column;gap:12px;padding:8px 20px 24px;display:flex}.gp-pr__selectors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gp-pr__selectors label{flex-direction:column;gap:4px;font-size:13px;display:flex}.gp-pr__selectors span{padding:8px 2px 0}.gp-pr__selectors select{background:var(--color-surface);width:100%;height:50px;color:var(--color-on-surface);border:none;border-radius:10px;padding:0 10px}.gp-pr__sales{text-align:center;width:100%;min-height:180px;color:var(--color-on-primary);background:linear-gradient(180deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 72%, #101828) 100%);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.gp-pr__sales-label{font-size:18px;font-weight:700}.gp-pr__sales-value{margin:2px 0 4px;font-size:36px;font-weight:700;line-height:1.15}.gp-pr__sales-sub{font-size:16px}.gp-pr__sales-volume{margin-top:6px;font-size:14px}.gp-pr__sales-loading{min-height:80px}@media (width<=849px){.gp-pr__body{padding:8px}.gp-pr__sales{min-height:148px;padding:14px}.gp-pr__sales-label{font-size:16px}.gp-pr__sales-value{font-size:28px}.gp-pr__sales-sub{font-size:14px}}.gp-field{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.gp-field__label{color:var(--color-on-surface);padding-left:2px;font-size:16px;font-weight:700}.gp-field__control{background:var(--color-card);border:none;border-radius:6px;align-items:center;min-height:48px;display:flex;overflow:hidden}.gp-field__control--bordered{border:1px solid var(--color-on-surface)}.gp-field__input{color:var(--color-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 12px}.gp-field__input::placeholder{color:var(--color-on-surface-variant)}.gp-field__icon-btn{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 12px;display:inline-flex}.gp-field__error{color:var(--color-error);font-size:12px;line-height:1.2}.gp-account{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-account__body{flex-direction:column;gap:6px;max-width:860px;padding:0 20px 80px;display:flex}.gp-account__back{border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-on-surface);cursor:pointer;border-radius:8px;width:40px;height:40px}.gp-account__station-pick{width:100%;color:var(--color-on-surface);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:12px;min-height:48px;padding:20px 0;display:flex}.gp-account__station-pick strong{font-size:18px;font-weight:700;display:block}.gp-account__station-pick span{color:var(--color-primary);margin-top:2px;font-size:14px;display:block}.gp-account__station-card{background:linear-gradient(135deg,#3b82f6,#92939b);border-radius:14px;width:100%;padding:3.5px}.gp-account__station-card-inner{background:var(--color-surface);border-radius:10px;align-items:center;gap:10px;min-height:82px;padding:0 15px;display:flex}.gp-account__station-icon{color:#6b6b6b;background:#b0b0b0;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.gp-account__station-card-inner strong{color:var(--color-on-surface);font-size:18px;font-weight:700;display:block}.gp-account__station-card-inner p{color:var(--color-on-surface-variant);margin:2px 0 0;font-size:14px}.gp-account__theme-row,.gp-account__volume-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:6px 0;display:flex}.gp-account__theme-row>span,.gp-account__volume-row>span{color:var(--color-on-surface);font-weight:800}.gp-account__select{width:100px;color:var(--color-on-surface);cursor:pointer;text-align:right;background:0 0;border:none;font-weight:600}.gp-account__section{color:color-mix(in srgb, var(--color-on-surface) 50%, transparent);margin:10px 0 0;font-size:12px}.gp-account__item{background:var(--color-surface);width:100%;color:var(--color-on-surface);cursor:pointer;text-align:left;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-top:6px;padding:15px 10px;font-weight:800;display:flex}.gp-account__volume-toggle{align-items:center;gap:8px;font-size:12px;display:inline-flex}.gp-account__volume-toggle span{color:color-mix(in srgb, var(--color-on-surface) 55%, transparent);font-weight:500}.gp-account__volume-toggle span.active{color:var(--color-primary);font-weight:700}.gp-switch{background:color-mix(in srgb, var(--color-outline) 70%, transparent);cursor:pointer;border:none;border-radius:999px;width:44px;height:26px;padding:0;position:relative}.gp-switch.on{background:var(--color-primary)}.gp-switch__thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.gp-switch.on .gp-switch__thumb{transform:translate(18px)}.gp-account__form{flex-direction:column;gap:12px;padding-top:8px;display:flex}.gp-account__hint{color:var(--color-on-surface-variant);margin:0;font-size:13px}.gp-account__details,.gp-account__billing article,.gp-account__legal,.gp-account__lang{background:var(--color-surface);border-radius:12px;padding:8px 14px}.gp-account__billing{flex-direction:column;gap:14px;display:flex}.gp-account__billing h3{margin:8px 0;font-size:16px}.gp-account__detail,.gp-bill-row{border-bottom:1px solid color-mix(in srgb, var(--color-outline) 35%, transparent);justify-content:space-between;gap:10px;padding:10px 0;font-size:14px;display:flex}.gp-bill-row{flex-wrap:wrap}.gp-bill-row small{width:100%;color:var(--color-on-surface-variant)}.gp-account__detail span{color:var(--color-on-surface-variant)}.gp-account__message{background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:8px;margin:0;padding:10px 12px}.gp-account__lang{flex-direction:column;gap:8px;padding:12px;display:flex}.gp-account__lang button{border:1px solid var(--color-outline);background:var(--color-bg);color:var(--color-on-surface);text-align:left;cursor:pointer;border-radius:10px;padding:14px 16px;font-weight:700}.gp-account__lang button.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.gp-account__legal p{color:var(--color-on-surface);margin:0 0 16px;font-size:16px;line-height:1.5}.gp-account__legal h2{margin:8px 0 16px;font-size:24px;font-weight:700}.gp-account__spacer{height:60px}.gp-account-modal{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gp-account-modal__backdrop{cursor:pointer;background:#0006;border:none;position:absolute;inset:0}.gp-account-modal__card{z-index:1;background:var(--color-surface);width:min(420px,96vw);box-shadow:0 12px 40px var(--color-shadow);border-radius:12px;padding:20px;position:relative}.gp-account-modal__card h2{margin:0 0 8px}.gp-account-modal__card p{color:var(--color-on-surface-variant);margin:0 0 16px}.gp-account-modal__close{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;position:absolute;top:10px;right:10px}.gp-account-modal__actions{justify-content:flex-end;gap:8px;display:flex}.gp-account-modal__actions button{border:1px solid var(--color-outline);background:var(--color-bg);color:var(--color-on-surface);cursor:pointer;border-radius:8px;padding:10px 14px;font-weight:600}.gp-account-modal__actions button.danger{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}@media (width<=849px){.gp-account__body{padding:0 8px 80px}}.gp-shell{background:var(--color-bg);min-height:100vh;display:flex}.gp-shell--stations{display:block}.gp-shell__drawer{flex:1 1 0;min-width:220px;max-width:320px;height:100vh;position:sticky;top:0}.gp-shell__main{background:var(--color-bg);flex:5 1 0;min-width:0;min-height:100vh;max-height:100vh;overflow-y:auto}.gp-shell__overlay{z-index:40;display:flex;position:fixed;inset:0}.gp-shell__backdrop{cursor:pointer;background:#0006;border:none;flex:1}.gp-shell__drawer--mobile{width:var(--drawer-width);height:100%;box-shadow:8px 0 24px var(--color-shadow);flex:0 0 var(--drawer-width)}.gp-login{place-items:center;min-height:100vh;padding:24px 16px;display:grid;position:relative}.gp-login__bg{z-index:0;background:url(/assets/gasPro.webp) 50%/cover no-repeat;position:absolute;inset:0}.gp-login__card{z-index:1;background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-radius:9px;flex-direction:column;align-items:center;gap:0;width:min(400px,100%);padding:40px 24px;display:flex;position:relative;box-shadow:0 0 2px 1px #2b2b2b1f}.gp-login__logo{width:160px;height:auto;margin:5px 0}.gp-login__subtitle{color:var(--color-on-surface);margin:0 0 16px;font-size:15px}.gp-login__card .gp-field+.gp-field{margin-top:10px}.gp-login__error{width:100%;color:var(--color-error);margin:10px 0 0;font-size:13px}.gp-login__version{color:var(--color-on-surface-variant);margin:20px 0 10px;font-size:12px}.gp-login__card .gp-btn{margin-top:24px}