@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Bai+Jamjuree:wght@400;500;600;700&display=swap";
:root{--bg:#071019;--bg-alt:#0b1621;--bg-soft:#0f1c28;--surface:#0a1118eb;--surface-strong:#101923;--surface-muted:#13212d;--surface-soft:#0d1720;--line:#94a3b824;--line-strong:#94a3b83d;--line-accent:#69f0ae3d;--text:#d9e6f2;--text-strong:#f7fbff;--text-soft:#93a8bc;--text-dim:#6f849a;--blue:#67a6ff;--cyan:#41d6e8;--green:#69f0ae;--yellow:#ffd166;--orange:#ff9d43;--red:#ff6b6b;--ink:#27313d;--shadow:0 20px 48px #00000052;--shadow-soft:0 8px 24px #0000002e;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--header-height:52px;--rail-width-left:288px;--rail-width-right:340px;--mono:"IBM Plex Mono", "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);height:100%;min-height:100%}body{height:100%;min-height:100%;color:var(--text);background:radial-gradient(circle at top,#69f0ae1a,#0000 22%),radial-gradient(circle at 18% 18%,#67a6ff14,#0000 18%),linear-gradient(#071019 0%,#08121b 54%,#050b11 100%);margin:0;font-family:Inter,Bai Jamjuree,sans-serif;line-height:1.45}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}#__next,main{min-height:100%}html body>div:first-child{height:100%}.dashboard-shell{gap:14px;width:100%;max-width:none;min-height:100vh;margin:0;padding:20px 20px 96px;display:grid}.dashboard-shell-map-first{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#12212ef2,#050a10fa 42%,#04070b 100%);flex-direction:column;gap:12px;padding:12px 12px 96px;display:flex;position:relative;overflow:hidden}.dashboard-topbar{z-index:40;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:14px;display:grid;position:sticky;top:10px}.brand-cluster{align-items:center;gap:8px;display:inline-flex}.brand-chip,.brand-search-chip,.icon-ghost-button,.profile-chip{border:1px solid var(--line);min-height:42px;color:var(--text-soft);box-shadow:var(--shadow-soft);background:#0a1118db;border-radius:999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.brand-chip{color:var(--text-strong);padding:0 14px;font-weight:700}.brand-search-chip{justify-content:flex-start;min-width:260px;padding:0 14px}.icon-ghost-button{width:42px;padding:0;position:relative}.profile-chip{color:var(--text-strong);padding:0 12px;font-weight:700}.dashboard-brand-rail,.dashboard-action-rail{align-items:center;gap:10px;display:inline-flex}.dashboard-chip,.dashboard-icon-button{border:1px solid var(--line);min-height:42px;color:var(--text-soft);box-shadow:var(--shadow-soft);background:#0a1118db;border-radius:999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.dashboard-chip{padding:0 14px;font-weight:700}.dashboard-chip-brand{color:var(--text-strong)}.dashboard-icon-button{width:42px;padding:0;position:relative}.dashboard-icon-badge{background:var(--orange);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.floating-search-prompt{min-width:260px;min-height:42px;color:var(--text-soft);cursor:pointer;z-index:5;background:#080f16eb;border:1px solid #ff9d4347;border-radius:999px;align-items:center;gap:12px;padding:0 14px;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000047}.floating-search-bar{width:100%;min-height:56px;color:var(--text-soft);cursor:pointer;background:#080f16e0;border:1px solid #ff9d4338;border-radius:999px;align-items:center;gap:12px;padding:0 16px;display:inline-flex;box-shadow:0 18px 40px #00000047}.floating-search-icon{width:30px;height:30px;color:var(--orange);background:linear-gradient(135deg,#ff9d4333,#ffd16624);border-radius:999px;flex:none;place-items:center;display:inline-grid}.floating-search-text{text-align:left;min-width:0;color:var(--text-soft);flex:1;font-weight:600}.floating-search-caret{color:var(--text-dim);flex:none}.hero-shell{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(#101923f5,#0a1118eb);gap:10px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.hero-status-strip,.hero-main-row,.panel-heading,.panel-heading-tight,.alert-card-head,.alert-card-footer,.feed-head,.station-card-header,.station-meta-row,.station-fuel-row,.inline-row,.station-detail-header,.risk-card-header,.risk-meta,.feed-item-meta,.list-meta-row,.map-popup-head,.map-popup-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-main-row{align-items:flex-start}.hero-copy{flex:1;min-width:0}.hero-badge,.hero-meta-pill,.eyebrow,.hero-status-pill{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.hero-badge,.hero-status-pill,.hero-meta-pill{border:1px solid var(--line);min-height:30px;color:var(--text-soft);background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700}.hero-badge{color:var(--text-strong);border-color:var(--line-strong);background:#ffffff0d}.hero-status-pill strong{color:var(--text-strong);font-family:var(--mono);font-size:.78rem}.eyebrow{color:var(--text-dim);font-size:.68rem;font-weight:700}.hero-title{letter-spacing:-.03em;color:var(--text-strong);margin:2px 0;font-size:clamp(1.05rem,1.6vw,1.5rem);font-weight:700;line-height:1.12}.hero-subtitle{max-width:840px;color:var(--text-soft);margin:0;font-size:.9rem}.hero-meta-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.primary-button,.secondary-button,.mini-link{cursor:pointer;border:1px solid var(--line);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 11px;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.primary-button{color:var(--text-strong);background:linear-gradient(135deg,#69f0ae2e,#67a6ff1f);border-color:#69f0ae33}.secondary-button{color:var(--text);background:#ffffff0a}.mini-link{color:var(--blue);background:0 0;border-color:#0000;border-radius:7px;padding:5px 8px;font-size:.78rem}.primary-button:hover,.secondary-button:hover,.mini-link:hover{transform:translateY(-1px)}.primary-button:hover{background:linear-gradient(135deg,#69f0ae38,#67a6ff29)}.secondary-button:hover{background:#ffffff0f}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric-card,.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.metric-card{min-height:84px;padding:12px;position:relative;overflow:hidden}.metric-card:before{content:"";background:#9aa4b2;width:3px;position:absolute;inset:0 auto 0 0}.metric-card.tone-success:before{background:var(--green)}.metric-card.tone-warning:before{background:var(--yellow)}.metric-card.tone-danger:before{background:var(--red)}.metric-card.tone-info:before{background:var(--cyan)}.metric-value{color:var(--text-strong);font-size:clamp(1.1rem,1.4vw,1.5rem);font-weight:700;line-height:1;font-family:var(--mono);letter-spacing:-.03em;margin-top:6px}.metric-label,.metric-helper,.subtle-text,.muted-text{color:var(--text-soft);font-size:.78rem}.dashboard-grid{grid-template-columns:var(--rail-width-left) minmax(0, 1fr) var(--rail-width-right);align-items:start;gap:10px;display:grid}.dashboard-left,.dashboard-right,.dashboard-workspace{gap:10px;min-width:0;display:grid}.dashboard-workspace{grid-template-rows:auto auto}.panel{padding:12px}.panel-heading{align-items:flex-start;margin-bottom:10px}.panel-heading-tight{margin-bottom:8px}.panel-title{color:var(--text-strong);margin:2px 0 0;font-size:.9rem;font-weight:700;line-height:1.2}.region-tabs,.station-list,.feed-list,.alert-list,.risk-list,.fuel-mix-list,.stack-list,.fuel-chip-grid{gap:8px;display:grid}.region-tab,.station-list-item,.feed-item,.alert-item,.risk-item,.fuel-mix-item,.risk-card,.alert-card,.station-row,.fuel-chip{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff08;border-radius:10px;padding:10px}.region-tab,.station-row{text-align:left;cursor:pointer;justify-items:start;gap:8px;display:grid}.region-tab.active{border-color:var(--line-accent);background:#69f0ae0f}.scope-highlight{background:#69f0ae0f;border:1px solid #69f0ae29;border-radius:10px;margin-top:8px;padding:11px 12px}.scope-highlight h4{color:var(--text-strong);margin:4px 0 0;font-size:.98rem}.scope-highlight-actions{color:var(--text-soft);align-items:center;gap:8px;margin-top:8px;font-size:.78rem;display:inline-flex}.filter-stack{gap:10px;margin-top:10px;display:grid}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:700}.filter-chip-active{color:var(--text-strong);background:#69f0ae1f;border-color:#69f0ae3d}.radius-control{border:1px solid var(--line);background:#ffffff08;border-radius:12px;gap:8px;padding:10px;display:grid}.radius-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.radius-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.radius-control input[type=range]{width:100%}.map-panel{padding-bottom:12px}.map-shell{border:1px solid var(--line);background:#061019;border-radius:12px;height:100%;min-height:0;position:relative;overflow:hidden}.map-shell-overlay,.map-shell-grid,.map-shell-scanline{pointer-events:none;z-index:1;position:absolute;inset:0}.map-shell-overlay{background:linear-gradient(#ffffff05,#14191e14)}.map-shell-grid{background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:28px 28px}.map-shell-scanline{background:linear-gradient(#ffffff0a,#0000 24% 76%,#1118270a)}.map-shell .leaflet-container,.map-shell .maplibregl-map{background:#0b1219;width:100%;height:100%}.map-loading{min-height:520px;color:var(--text-soft);border:1px dashed var(--line-strong);background:#ffffff08;border-radius:12px;place-items:center;font-size:.84rem;display:grid}.map-popup{min-width:230px;color:var(--text);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.map-popup-update-btn{color:var(--blue);text-align:center;background:#67a6ff1f;border:1px solid #67a6ff3d;border-radius:8px;margin-top:8px;padding:7px 0;font-size:.72rem;font-weight:700;text-decoration:none;transition:background .15s;display:block}.map-popup p{color:var(--text-soft);margin:0;font-size:.76rem}.map-popup-row{margin-top:6px;font-size:.78rem}.leaflet-popup-content-wrapper,.leaflet-popup-tip,.maplibregl-popup-content{color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);background:#0b1219fa;border-radius:10px}.maplibregl-popup-close-button{color:var(--text-soft);font-size:18px}.leaflet-control-zoom a{color:var(--text-strong)!important;border-bottom-color:var(--line)!important;background:#090f15f0!important}.maplibregl-ctrl-group,.maplibregl-ctrl button{box-shadow:var(--shadow-soft);border-color:var(--line)!important;color:var(--text-strong)!important;background:#090f15f5!important}.maplibregl-ctrl-top-right{top:10px;right:10px}.maplibregl-ctrl button span{filter:invert()}.map-shell-hud{z-index:3;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.map-shell-hud-chip{border:1px solid var(--line);min-height:28px;color:var(--text-soft);font-size:.7rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#090f15e6;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.map-shell-hud-chip--ghost{background:#0e1720f2}.map-shell-hud-dot{background:var(--green);border-radius:999px;width:7px;height:7px}.map-viewport-loading{color:#ffffffb3;pointer-events:none;z-index:10;background:#0e1720eb;border:1px solid #ffffff1f;border-radius:20px;padding:4px 12px;font-size:11px;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.map-bottom-bar{z-index:120;pointer-events:auto;background:#0d1117;border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:14px 16px 18px;animation:.22s cubic-bezier(.34,1.4,.64,1) both bbSlideUp;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes bbSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.map-bb-head{align-items:center;gap:10px;display:flex}.map-bb-logo{background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.map-bb-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.map-bb-name{color:#f0f4f8;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.map-bb-loc{color:#ffffff73;font-size:11px}.map-bb-badge{letter-spacing:.3px;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.bb-badge-ok{color:#2fe08d;background:#2fe08d26}.bb-badge-low{color:#ffd166;background:#ffd16626}.bb-badge-out{color:#ff4f70;background:#ff4f7026}.bb-badge-refilling{color:#32d9ff;background:#32d9ff26}.bb-badge-unknown{color:#888;background:#8888881f}.map-bb-close{color:#ffffff8c;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.map-bb-close:hover{color:#fff;background:#ffffff24}.map-bb-fuels{flex-wrap:wrap;gap:6px;display:flex}.map-bb-fuel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.map-bb-fuel-abbr{color:var(--fuel-color,#ffffffb3);font-weight:600}.map-bb-fuel-l{color:#ffffff73}.map-bb-fuel.fb-out{background:#ff4f7014;border-color:#ff4f704d}.map-bb-fuel.fb-low{background:#ffd16614;border-color:#ffd1664d}.map-bb-fuel.fb-ok{background:#2fe08d0f;border-color:#2fe08d40}.map-bb-fuel.fb-refilling{background:#32d9ff0f;border-color:#32d9ff40}.map-bb-range{flex-direction:column;gap:3px;display:flex}.map-bb-range-track{border-radius:3px;gap:2px;height:6px;display:flex;position:relative;overflow:visible}.map-bb-rz{border-radius:2px;flex:1}.map-bb-rz--near{background:#2fe08d}.map-bb-rz--mid{background:#ffd166}.map-bb-rz--far{background:#ff8c42}.map-bb-rz--xfar{background:#ff4f70}.map-bb-range-ptr{z-index:1;background:#fff;border:2px solid #0d1117;border-radius:50%;width:13px;height:13px;transition:left .35s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff80}.map-bb-range-labels{color:#ffffff4d;justify-content:space-between;font-size:9px;display:flex}.map-bb-range-zones{color:#fff6;justify-content:space-around;font-size:9px;display:flex}.map-bb-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-bb-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.map-bb-stat{color:#ffffffa6;align-items:center;gap:4px;font-size:12px;display:inline-flex}.map-bb-loading{color:#ffffff59;font-size:11px}.map-bb-zone-chip{color:#fff9;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.map-bb-actions{flex-shrink:0;gap:6px;display:flex}.map-bb-nav-btn{color:#fff;background:#2563eb;border-radius:8px;align-items:center;gap:5px;padding:7px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.map-bb-nav-btn:hover{background:#1d4ed8}.map-bb-edit-btn{color:#ffffffa6;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.map-bb-edit-btn:hover{color:#fff;background:#ffffff1f}.map-region-bar{z-index:10;pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070e16d1;border:1px solid #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.map-region-chip{color:var(--text-soft);font-size:.68rem;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-weight:500;transition:all .18s;display:inline-flex}.map-region-chip:hover{color:var(--text);background:#ffffff12}.map-region-chip.active{background:color-mix(in srgb, var(--chip-color,#67a6ff) 20%, transparent);border-color:color-mix(in srgb, var(--chip-color,#67a6ff) 60%, transparent);color:var(--chip-color,#67a6ff);font-weight:600}.map-region-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.map-province-tooltip{z-index:10;pointer-events:none;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#070e16eb;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.map-province-tooltip-hint{color:var(--text-muted);font-size:.63rem;font-weight:400}.status-pill{font-size:.7rem;font-weight:700;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.status-high,.status-normal{color:var(--green);background:#69f0ae1f}.status-medium,.status-warning{color:var(--yellow);background:#ffd1661f}.status-low{color:var(--orange);background:#ff9d431f}.status-out,.status-danger{color:var(--red);background:#ff6b6b1f}.status-refilling,.status-info{color:var(--cyan);background:#41d6e81f}.station-detail-card,.station-detail-empty,.feed-body,.region-tab-main,.region-tab-trend,.scope-highlight-title,.fuel-chip-topline{gap:6px;min-width:0;display:grid}.station-detail-location{flex-wrap:wrap;gap:6px;display:flex}.station-detail-address{color:var(--text-soft);margin:-2px 0 0;font-size:.75rem}.compact-meta-chip{border:1px solid var(--line);min-height:24px;color:var(--text-soft);background:#ffffff08;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.71rem;font-weight:600;line-height:1;display:inline-flex}.compact-meta-chip-warning{color:var(--yellow);background:#ffd1661f;border-color:#ffd1662e}.fuel-chip-grid-compact{gap:6px}.fuel-chip-compact{gap:6px;padding:8px 9px}.fuel-chip-label,.fuel-chip-value{align-items:center;gap:5px;display:inline-flex}.fuel-chip-label{color:var(--text-soft);font-size:.72rem}.fuel-chip-value{color:var(--text-strong);font-size:.82rem}.status-pill-inline{padding:3px 7px;font-size:.62rem}.scope-panel-compact .panel-heading-tight{margin-bottom:6px}.region-tabs-compact{gap:6px}.region-tab-compact{gap:6px;padding:8px 9px}.region-tab-main,.region-tab-trend,.scope-highlight-title{width:100%}.region-tab-label{color:var(--text-strong);align-items:center;gap:6px;font-weight:600;display:inline-flex}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(18px);background:#060d14e6;border:1px solid #94a3b829;border-radius:999px;grid-template-columns:repeat(5,auto);align-items:end;gap:10px;padding:10px 12px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0000005c}.bottom-nav-fab{color:#fff;background:linear-gradient(135deg,#ff9d43,#ffba55eb);border-radius:999px;place-items:center;width:58px;height:58px;margin-top:-28px;display:grid;box-shadow:0 16px 30px #ff9d4352}.bottom-nav-item-active{color:var(--text-strong)}.bottom-nav-item{cursor:pointer;color:var(--text-soft);background:0 0;border:0;justify-items:center;gap:5px;min-width:54px;padding:4px 2px;font-size:.7rem;font-weight:700;display:grid}.bottom-nav-dot{background:linear-gradient(135deg,#ff9d43b3,#ffd16661);border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 4px #ff9d4314}.bottom-nav-center{color:#fff;background:linear-gradient(135deg,#ff9d43,#ffba55eb);border-radius:999px;place-items:center;width:58px;height:58px;margin-top:-28px;display:grid;box-shadow:0 16px 30px #ff9d4352}.dashboard-shell-monitor,.dashboard-monitor-layout{display:none}@media (max-width:1180px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-left,.dashboard-right,.dashboard-workspace{grid-column:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-shell{padding:14px 14px 96px}.map-shell{min-height:460px}.dashboard-topbar{grid-template-columns:1fr}}@media (max-width:820px){.hero-main-row{flex-direction:column}.hero-actions,.hero-status-strip{width:100%}.hero-actions{justify-content:stretch}.hero-actions>*{flex:220px}.fuel-chip-grid,.kpi-grid{grid-template-columns:1fr}.map-shell{min-height:400px}.station-row-meta,.panel-heading,.alert-card-head,.alert-card-footer,.feed-head,.station-detail-header,.risk-card-header{flex-direction:column;align-items:flex-start}.region-tab-trend,.region-tab-main,.scope-highlight-title{flex-wrap:wrap}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));width:calc(100% - 20px);left:10px;transform:none}.bottom-nav-center{justify-self:center}}@media (max-width:640px){.dashboard-shell{width:100%;padding:10px 10px 96px}.hero-shell,.panel,.metric-card{padding:10px}.hero-status-strip{grid-template-columns:1fr;display:grid}.primary-button,.secondary-button{width:100%}.map-shell{min-height:320px}.map-shell-hud{bottom:8px;left:8px;right:8px}.station-row,.alert-card,.risk-card,.feed-item{padding:9px}}.cmd-shell{grid-template-rows:auto auto auto auto auto;gap:10px;width:100%;max-width:1480px;min-height:100vh;margin:0 auto;padding:0 16px 32px;display:grid}.cmd-shell--fullmap{flex-direction:column;gap:0;max-width:100%;min-height:100dvh;padding:0;display:flex}.cmd-shell--fullmap .cmd-header{flex-shrink:0}.cmd-main-layout{flex:1;min-height:0;display:flex;position:relative}.cmd-sidebar{z-index:20;background:#0d1117;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.cmd-sidebar--open{width:320px}.cmd-sidebar--closed{pointer-events:none;background:0 0;border:none;width:0}.cmd-sidebar-tabs{border-bottom:1px solid #ffffff1a;flex-shrink:0;display:flex;overflow:hidden}.cmd-sidebar-tab{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 8px;font-size:10px;font-weight:500;transition:color .15s,background .15s;display:flex;position:relative}.cmd-sidebar-tab:hover{color:var(--text-2);background:#ffffff0a}.cmd-sidebar-tab--active{color:var(--accent);background:#67a6ff14}.cmd-sidebar-tab--active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:20%;right:20%}.cmd-sidebar-tab-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 18px)}.cmd-sidebar-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;overflow:hidden auto}.cmd-sidebar-content::-webkit-scrollbar{width:5px}.cmd-sidebar-content::-webkit-scrollbar-track{background:0 0}.cmd-sidebar-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.cmd-sidebar-panel{min-width:320px}.cmd-sidebar-panel .ns-shell{background:0 0;border:none;border-radius:0;padding:10px 12px}.cmd-sidebar-panel--chat{flex-direction:column;height:100%;display:flex}.cmd-sidebar-panel--chat .ops-panel{border:none;border-radius:0;flex:1;max-height:none}.cmd-sidebar-panel-head{border-bottom:1px solid var(--line);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.cmd-sidebar-toggle{z-index:25;width:20px;height:48px;color:var(--text-3);cursor:pointer;background:#0d1117;border:1px solid #ffffff1f;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;transition:left .25s cubic-bezier(.4,0,.2,1),background .15s;display:flex;position:absolute;top:50%;left:320px;transform:translateY(-50%)}.cmd-sidebar--closed~.cmd-sidebar-toggle{left:0}.cmd-sidebar-toggle:hover{background:var(--surface-3);color:var(--text-1)}.cmd-float-kpis{grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;display:grid}.sb-station-detail{flex-direction:column;gap:14px;min-width:320px;padding:16px 14px;animation:.2s ease-out sbSlideIn;display:flex}@keyframes sbSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sb-station-head{align-items:center;gap:10px;display:flex}.sb-station-logo{background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.sb-station-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sb-station-name{color:#f0f4f8;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.sb-station-loc{color:#ffffff73;align-items:center;gap:4px;font-size:11px;display:flex}.sb-station-close{color:#ffffff8c;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.sb-station-close:hover{color:#fff;background:#ffffff24}.sb-station-badge{letter-spacing:.3px;border-radius:20px;align-self:flex-start;padding:4px 12px;font-size:11px;font-weight:600}.sb-badge-high,.sb-badge-ok{color:#2fe08d;background:#2fe08d26}.sb-badge-low{color:#ffd166;background:#ffd16626}.sb-badge-out{color:#ff4f70;background:#ff4f7026}.sb-badge-refilling{color:#32d9ff;background:#32d9ff26}.sb-badge-unknown{color:#888;background:#8888881f}.sb-station-fuels{background:#ffffff08;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.sb-station-fuels-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10px;font-weight:600}.sb-fuel-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.sb-fuel-row:last-child{border-bottom:none}.sb-fuel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sb-fuel-name{color:var(--text-2);flex:1}.sb-fuel-liters{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:500}.sb-fuel-price{color:var(--text-3);font-size:11px}.sb-station-actions{gap:8px;display:flex}.sb-nav-btn{background:var(--accent);color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:filter .15s;display:flex}.sb-nav-btn:hover{filter:brightness(1.15)}.sb-edit-btn{background:var(--surface-3);color:var(--text-2);border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s}.sb-edit-btn:hover{background:var(--surface-2);color:var(--text-1)}.cmd-fullmap-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.cmd-fullmap-wrap .cmd-map-wrap{z-index:0;isolation:isolate;inset:0;position:absolute!important}.cmd-map-filter-float{z-index:10;pointer-events:auto;background:#0d1117;border:1px solid #ffffff1a;border-radius:24px;gap:6px;padding:5px 8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cmd-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#070d15fa;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:6px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000004d}.cmd-header-brand{align-items:center;gap:11px;display:flex}.cmd-brand-logo{width:36px;height:36px;color:var(--orange);background:linear-gradient(135deg,#ff9d4333,#ffd1661a);border:1px solid #ff9d433d;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.cmd-brand-title{color:var(--text-strong);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:.92rem;font-weight:800}.cmd-brand-sub{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;margin:1px 0 0;font-size:.62rem;font-weight:600}.cmd-situation-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 11px;font-size:.7rem;font-weight:700}.badge-normal{color:var(--green);background:#69f0ae17;border-color:#69f0ae38}.badge-warning{color:var(--yellow);background:#ffd16617;border-color:#ffd16638}.badge-critical{color:var(--red);background:#ff6b6b17;border-color:#ff6b6b38}.cmd-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.cmd-price-ticker{scrollbar-width:none;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;padding:2px 4px;display:flex;overflow-x:auto}.cmd-price-ticker::-webkit-scrollbar{display:none}.cmd-price-item{white-space:nowrap;border-right:1px solid #ffffff0d;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;transition:background .15s;display:flex}.cmd-price-item:last-child{border-right:none}.cmd-price-item:hover{background:#ffffff0f}.cmd-price-flag{border-radius:2px;flex-shrink:0;width:3px;height:14px}.cmd-price-name{color:var(--text-3);letter-spacing:.02em;font-size:.6rem;font-weight:700}.cmd-price-val{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.cmd-price-ref{color:var(--text-3);opacity:.5}.cmd-header-link{border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.cmd-header-link:hover{background:var(--surface-3);color:var(--text-1)}.cmd-clock{background:#69f0ae0d;border:1px solid #69f0ae24;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:flex}.cmd-live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite cmd-pulse}@keyframes cmd-pulse{0%,to{opacity:1;box-shadow:0 0 5px var(--green)}50%{opacity:.7;box-shadow:0 0 11px var(--green)}}.cmd-live-label{color:var(--green);letter-spacing:.1em;font-size:.65rem;font-weight:800}.cmd-clock-time{color:var(--text-strong);font-size:.86rem;font-weight:700;font-family:var(--mono)}.cmd-clock-date{color:var(--text-soft);font-size:.66rem}.cmd-update-chip{color:var(--text-dim);align-items:center;gap:5px;font-size:.68rem;display:flex}.cmd-icon-btn{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--text-soft);background:#ffffff0a;border-radius:9px;place-items:center;transition:background .15s;display:grid;position:relative}.cmd-icon-btn:hover{background:#ffffff12}.cmd-notif-badge{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.55rem;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.cmd-user-pill{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:5px 10px;display:flex}.cmd-user-ava{color:#fff;background:linear-gradient(135deg,#67a6ff,#41d6e8);border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:grid}.cmd-user-name{color:var(--text-strong);font-size:.74rem;font-weight:700;line-height:1.2;display:block}.cmd-user-role{color:var(--text-dim);font-size:.62rem;line-height:1.2;display:block}.cmd-kpi-strip{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cmd-kpi-card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#090f17f0;align-items:center;gap:12px;padding:13px 15px;display:flex;position:relative;overflow:hidden}.cmd-kpi-card:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi-neutral .cmd-kpi-icon-wrap{color:var(--blue);background:#67a6ff1a}.kpi-neutral:after{background:var(--blue)}.kpi-success .cmd-kpi-icon-wrap{color:var(--green);background:#69f0ae1a}.kpi-success:after{background:var(--green)}.kpi-warning .cmd-kpi-icon-wrap{color:var(--yellow);background:#ffd1661a}.kpi-warning:after{background:var(--yellow)}.kpi-danger .cmd-kpi-icon-wrap{color:var(--red);background:#ff6b6b1a}.kpi-danger:after{background:var(--red)}.kpi-info .cmd-kpi-icon-wrap{color:var(--cyan);background:#41d6e81a}.kpi-info:after{background:var(--cyan)}.cmd-kpi-icon-wrap{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.cmd-kpi-label{color:var(--text-soft);margin-bottom:3px;font-size:.7rem;font-weight:600;line-height:1}.cmd-kpi-value{color:var(--text-strong);font-size:1.55rem;font-weight:800;font-family:var(--mono);letter-spacing:-.03em;line-height:1}.cmd-kpi-helper{color:var(--text-dim);margin-top:3px;font-size:.66rem}.cmd-main-grid{grid-template-columns:1fr 320px;gap:10px;height:clamp(580px,100vh - 260px,860px);min-height:0;display:grid}.cmd-map-col{flex-direction:column;height:100%;min-height:0;display:flex}.cmd-map-bar{border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#070d15f7;border-bottom:none;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.cmd-map-bar-label{color:var(--text-soft);white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:.74rem;font-weight:700;display:flex}.cmd-map-filters{flex-wrap:wrap;gap:5px;display:flex}.cmd-filter-chip{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:600;transition:all .15s;display:flex}.cmd-filter-chip.active{background:color-mix(in srgb, var(--chip-color,#67a6ff) 12%, transparent);border-color:color-mix(in srgb, var(--chip-color,#67a6ff) 38%, transparent);color:var(--text-strong)}.cmd-filter-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cmd-filter-count{background:#ffffff14;border-radius:999px;padding:1px 5px;font-size:.6rem}.cmd-map-wrap{border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1;min-height:0;position:relative;overflow:hidden}.cmd-map-wrap .maplibregl-canvas{filter:brightness(.95)saturate(1.1)}.cmd-map-loading{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#070b13f7;place-items:center;display:grid;position:absolute;inset:0}.cmd-map-loading-inner{color:var(--text-soft);flex-direction:column;align-items:center;gap:10px;font-size:.82rem;display:flex}.cmd-map-loading-icon{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cmd-station-popup{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:210px;max-width:270px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#050b14f7;padding:11px 13px;position:absolute;bottom:16px;left:16px}.cmd-station-popup-head{color:var(--text-strong);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.82rem;font-weight:700;display:flex}.cmd-station-popup-addr{color:var(--text-soft);margin:0 0 6px;font-size:.7rem}.cmd-station-popup-fuels{flex-wrap:wrap;gap:5px;margin-bottom:4px;display:flex}.cmd-fuel-tag{border-radius:999px;padding:3px 8px;font-size:.63rem;font-weight:700}.cmd-fuel-tag.status-high{color:var(--green);background:#69f0ae1f}.cmd-fuel-tag.status-medium{color:var(--yellow);background:#ffd1661f}.cmd-fuel-tag.status-low{color:var(--orange);background:#ff9d431f}.cmd-fuel-tag.status-out{color:var(--red);background:#ff6b6b1f}.cmd-fuel-tag.status-refilling{color:var(--cyan);background:#41d6e81f}.cmd-station-popup-dist{color:var(--text-dim);margin:0;font-size:.68rem}.cmd-right-col{flex-direction:column;gap:10px;display:flex}.cmd-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#070d15f7;padding:12px 14px}.cmd-panel-head{color:var(--text-soft);align-items:center;gap:7px;margin-bottom:10px;display:flex}.cmd-panel-title{color:var(--text-strong);letter-spacing:.02em;flex:none;margin:0;font-size:.78rem;font-weight:800}.cmd-panel-sub{color:var(--text-dim);margin-left:4px;font-size:.65rem}.cmd-risk-list{gap:7px;display:grid}.cmd-risk-row{align-items:center;gap:8px;display:flex}.cmd-risk-name{color:var(--text-soft);flex-shrink:0;min-width:88px;font-size:.7rem}.cmd-risk-bar-wrap{background:#ffffff0f;border-radius:999px;flex:1;height:5px;overflow:hidden}.cmd-risk-bar{border-radius:999px;height:100%;transition:width .7s}.cmd-risk-bar[data-risk=critical]{background:linear-gradient(90deg, var(--red), #ff6b6b99)}.cmd-risk-bar[data-risk=high]{background:linear-gradient(90deg, var(--orange), #ff9d4399)}.cmd-risk-bar[data-risk=medium]{background:linear-gradient(90deg, var(--yellow), #ffd16699)}.cmd-risk-bar[data-risk=low]{background:linear-gradient(90deg, var(--green), #69f0ae99)}.cmd-risk-badge{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700}.risk-critical{color:var(--red);background:#ff6b6b1f}.risk-high{color:var(--orange);background:#ff9d431f}.risk-medium{color:var(--yellow);background:#ffd1661f}.risk-low{color:var(--green);background:#69f0ae1f}.cmd-ai-badge{color:var(--blue);letter-spacing:.04em;background:#67a6ff1a;border:1px solid #67a6ff33;border-radius:999px;align-items:center;margin-left:auto;padding:2px 7px;font-size:.58rem;font-weight:700;display:inline-flex}.cmd-fuel-trend-grid{gap:8px;margin-bottom:8px;display:grid}.cmd-trend-item{border:1px solid var(--line);background:#ffffff06;border-radius:9px;padding:9px 10px}.cmd-trend-item.trend-urgent{background:#ff6b6b0d;border-color:#ff6b6b2e}.cmd-trend-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.cmd-trend-fuel{color:var(--text-strong);font-size:.74rem;font-weight:700}.cmd-trend-pct{font-size:.8rem;font-weight:800;font-family:var(--mono)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.cmd-trend-bar-outer{background:#ffffff0f;border-radius:999px;height:4px;margin-bottom:5px;overflow:hidden}.cmd-trend-bar-inner{border-radius:999px;height:100%;transition:width .7s}.cmd-trend-bar-inner[data-level=normal]{background:var(--green)}.cmd-trend-bar-inner[data-level=critical]{background:var(--red)}.cmd-trend-meta{color:var(--text-soft);margin:0;font-size:.66rem}.cmd-prediction-alert{color:var(--red);background:#ff6b6b12;border:1px solid #ff6b6b2e;border-radius:8px;align-items:flex-start;gap:7px;padding:8px 10px;font-size:.68rem;font-weight:600;line-height:1.4;display:flex}.cmd-prediction-alert svg{flex-shrink:0;margin-top:1px}.cmd-stats-bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;gap:10px;padding:10px 12px;display:flex}.cmd-stat-pill{border:1px solid var(--line);background:#ffffff06;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.cmd-stat-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cmd-stat-trucks .cmd-stat-dot,.cmd-stat-trucks>svg{color:var(--blue);flex-shrink:0}.cmd-stat-label{color:var(--text-soft);margin-bottom:2px;font-size:.64rem;line-height:1}.cmd-stat-value{color:var(--text-strong);font-size:.98rem;font-weight:800;font-family:var(--mono);line-height:1}.cmd-stat-sub{color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:.64rem}.cmd-stat-trend{white-space:nowrap;margin-left:auto;font-size:.66rem;font-weight:700}.cmd-stat-trend.trend-up{color:var(--green)}.cmd-stat-trend.trend-down{color:var(--red)}.cmd-bottom-grid{grid-template-columns:1fr 300px;gap:10px;display:grid}.cmd-alert-badge{color:var(--red);background:#ff6b6b1f;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700}.cmd-alert-list{gap:7px;display:grid}.cmd-alert-item{border:1px solid var(--line);border-left:3px solid var(--text-dim);background:#ffffff05;border-radius:9px;gap:9px;padding:9px 10px;display:flex}.cmd-alert-item.alert-out,.cmd-alert-item.alert-danger{border-left-color:var(--red)}.cmd-alert-item.alert-low,.cmd-alert-item.alert-warning{border-left-color:var(--orange)}.cmd-alert-item.alert-medium{border-left-color:var(--yellow)}.cmd-alert-item.alert-high,.cmd-alert-item.alert-normal,.cmd-alert-item.alert-refilling{border-left-color:var(--line)}.cmd-alert-time{color:var(--text-dim);font-size:.66rem;font-family:var(--mono);flex-shrink:0;padding-top:2px}.cmd-alert-body{gap:1px;min-width:0;display:grid}.cmd-alert-level{text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.level-out,.level-danger{color:var(--red)}.level-low,.level-warning{color:var(--orange)}.level-medium,.level-high,.level-normal,.level-refilling{color:var(--text-soft)}.cmd-alert-station{color:var(--text-strong);font-size:.76rem;font-weight:700;line-height:1.2}.cmd-alert-msg{color:var(--text-soft);margin:0;font-size:.68rem;line-height:1.35}.cmd-truck-list{gap:7px;display:grid}.cmd-truck-row{border:1px solid var(--line);background:#ffffff05;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cmd-truck-id{font-size:.7rem;font-weight:800;font-family:var(--mono);color:var(--text-strong);flex-shrink:0;min-width:50px}.cmd-truck-body{flex:1;gap:2px;min-width:0;display:grid}.cmd-truck-dest{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.cmd-truck-fuel{color:var(--text-dim);font-size:.62rem}.cmd-truck-right{text-align:right;flex-shrink:0;gap:2px;display:grid}.cmd-truck-eta{font-size:.7rem;font-family:var(--mono);color:var(--text-strong);font-weight:700}.cmd-truck-status{border-radius:999px;padding:2px 6px;font-size:.6rem;font-weight:700}.ts-active{color:var(--cyan);background:#41d6e81a}.ts-loading{color:var(--yellow);background:#ffd1661a}.ts-pending{color:var(--text-dim);background:#ffffff0d}.cmd-command-center{background:#070d15f7}.cmd-command-head{border-bottom:1px solid var(--line);flex-direction:column;gap:1px;margin-bottom:10px;padding-bottom:10px;display:flex}.cmd-command-head>span:first-of-type{color:var(--yellow);letter-spacing:.07em;align-items:center;gap:6px;font-size:.74rem;font-weight:800;display:flex}.cmd-command-sub{color:var(--text-dim);font-size:.64rem}.cmd-command-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.cmd-action-btn{cursor:pointer;text-align:left;border:1px solid;border-radius:9px;align-items:flex-start;gap:8px;padding:9px 10px;transition:transform .15s,background .15s;display:flex}.cmd-action-btn svg{flex-shrink:0;margin-top:1px}.cmd-action-btn:hover{transform:translateY(-1px)}.btn-danger{color:var(--red);background:#ff6b6b14;border-color:#ff6b6b38}.btn-warning{color:var(--orange);background:#ff9d4314;border-color:#ff9d4338}.btn-blue{color:var(--blue);background:#67a6ff14;border-color:#67a6ff38}.btn-teal{color:var(--cyan);background:#41d6e814;border-color:#41d6e838}.btn-label{color:var(--text-strong);font-size:.7rem;font-weight:700;line-height:1.25;display:block}.btn-sub{color:var(--text-dim);margin-top:1px;font-size:.6rem;line-height:1.25;display:block}@media (max-width:1280px){.cmd-main-grid{grid-template-columns:1fr 280px}}@media (max-width:1080px){.cmd-main-grid{grid-template-columns:1fr}.cmd-bottom-grid{grid-template-columns:1fr 1fr}.cmd-command-center{grid-column:1/-1}.cmd-command-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:760px){.cmd-kpi-strip{grid-template-columns:repeat(2,1fr)}.cmd-bottom-grid{grid-template-columns:1fr}.cmd-command-grid{grid-template-columns:repeat(2,1fr)}.cmd-stats-bar{flex-wrap:wrap}.cmd-map-bar{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.cmd-shell{gap:8px;padding:10px 10px 24px}.cmd-kpi-strip{grid-template-columns:repeat(2,1fr)}.cmd-main-grid{grid-template-columns:1fr;height:auto}.cmd-map-wrap{flex:none;height:300px}.cmd-stats-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.cmd-bottom-grid{grid-template-columns:1fr}.mobile-hidden{display:none!important}}@media (min-width:641px){.desktop-hidden{display:none!important}}@media (max-width:520px){.cmd-brand-sub,.cmd-update-chip,.cmd-user-info,.cmd-clock-date{display:none}}@media (max-width:768px){.cmd-header{gap:6px;padding:4px 10px}.cmd-brand-text{display:none}.cmd-situation-badge{padding:2px 6px;font-size:.6rem}.cmd-price-ticker{display:none}.cmd-sidebar{z-index:30;position:absolute;top:0;bottom:0;left:0}.cmd-sidebar--open{background:#0d1117;border-right:1px solid #ffffff1a;width:min(300px,85vw);box-shadow:4px 0 24px #0009}.cmd-sidebar--closed{display:none!important}.cmd-sidebar-toggle{z-index:31;left:0}.cmd-sidebar--open~.cmd-sidebar-toggle{left:min(300px,85vw)}.cmd-sidebar-panel,.sb-station-detail{min-width:0}.cmd-sidebar-tab{padding:8px 2px 6px}.cmd-sidebar-tab span{font-size:.55rem}.cmd-map-filter-float{scrollbar-width:none;border-radius:12px;flex-wrap:nowrap;max-width:calc(100vw - 24px);top:8px;left:50%;overflow-x:auto;transform:translate(-50%)}.cmd-map-filter-float::-webkit-scrollbar{display:none}.cmd-filter-chip{padding:3px 6px;font-size:.62rem}.map-region-bar{scrollbar-width:none;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;max-width:calc(100% - 16px);inset:auto 8px 44px;overflow-x:auto;transform:none}.map-region-bar::-webkit-scrollbar{display:none}.map-shell-hud{bottom:6px}.map-shell-hud-chip{padding:3px 8px;font-size:.62rem}.district-overlay{max-width:170px;max-height:35%;top:auto;bottom:80px;right:8px}.district-overlay-mini{padding:5px 10px;font-size:.65rem;top:10px;right:8px}.map-bottom-bar{padding:10px 12px 14px}}.auth-page-shell{background:radial-gradient(circle at 30% 20%, #67a6ff12, transparent 40%), radial-gradient(circle at 70% 80%, #69f0ae0f, transparent 40%), var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow);background:#080e16fa;gap:16px;padding:28px 28px 24px;display:grid}.auth-card-header{align-items:center;gap:14px;margin-bottom:4px;display:flex}.auth-card-icon{width:44px;height:44px;color:var(--blue);background:linear-gradient(135deg,#67a6ff29,#41d6e81a);border:1px solid #67a6ff33;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.auth-card-kicker{color:var(--text-dim);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.65rem;font-weight:700}.auth-card-title{color:var(--text-strong);letter-spacing:-.02em;margin:2px 0 0;font-size:1.1rem;font-weight:800}.auth-form-grid{gap:12px;display:grid}.auth-field{gap:5px;display:grid}.auth-label{color:var(--text-soft);font-size:.72rem;font-weight:700}.auth-input{border:1px solid var(--line);width:100%;height:42px;color:var(--text-strong);background:#ffffff0a;border-radius:9px;outline:none;padding:0 12px;font-size:.88rem;transition:border-color .15s}.auth-input:focus{background:#67a6ff0d;border-color:#67a6ff66}.auth-input::placeholder{color:var(--text-dim)}.auth-error{color:var(--red);background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:.76rem;font-weight:600;display:flex}.auth-success{color:var(--green);background:#69f0ae14;border:1px solid #69f0ae33;border-radius:9px;padding:9px 12px;font-size:.76rem;font-weight:600}.auth-submit-btn{height:44px;color:var(--text-strong);cursor:pointer;background:linear-gradient(135deg,#67a6ff33,#41d6e824);border:1px solid #67a6ff47;border-radius:9px;font-size:.88rem;font-weight:700;transition:all .18s}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#67a6ff42,#41d6e833);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-soft);margin-top:12px;font-size:.78rem}.auth-switch a{color:var(--blue);font-weight:600}.auth-demo-section{border:1px dashed var(--line);background:#ffffff05;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.auth-demo-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.auth-demo-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.auth-demo-btn{color:var(--text-soft);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:.68rem;transition:background .15s,border-color .15s;display:flex}.auth-demo-btn:hover{border-color:var(--demo-color,#ffffff26);background:#ffffff12}.auth-demo-dot{background:var(--demo-color,#888);border-radius:50%;flex-shrink:0;width:7px;height:7px}.auth-demo-btn-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.auth-demo-btn-role{color:var(--demo-color,var(--text-dim));background:#ffffff0d;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.58rem;font-weight:600}.sp-shell{border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow);background:#080e16fa;flex-direction:column;gap:0;display:flex;overflow:hidden}.sp-header{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:22px 22px 16px;display:flex}.sp-header-icon{width:42px;height:42px;color:var(--orange);background:linear-gradient(135deg,#ff9d4329,#ffd1661a);border:1px solid #ff9d4338;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.sp-kicker{color:var(--text-dim);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.63rem;font-weight:700}.sp-title{color:var(--text-strong);letter-spacing:-.02em;margin:2px 0 0;font-size:1rem;font-weight:800}.sp-controls{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.sp-search-wrap{flex:1;align-items:center;display:flex;position:relative}.sp-locate-btn{border:1px solid var(--line);background:var(--surface-2);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sp-locate-btn:hover{background:var(--accent);color:#fff}.sp-locate-btn--active{background:var(--accent);color:#fff;animation:1s infinite pulse-ring}.sp-search-icon{color:var(--text-dim);pointer-events:none;flex-shrink:0;position:absolute;left:28px}.sp-search-input{border:1px solid var(--line);width:100%;height:40px;color:var(--text-strong);background:#ffffff0a;border-radius:9px;outline:none;padding:0 36px 0 34px;font-size:.84rem;transition:border-color .15s}.sp-search-input:focus{background:#67a6ff0a;border-color:#67a6ff59}.sp-search-input::placeholder{color:var(--text-dim)}.sp-search-clear{cursor:pointer;width:22px;height:22px;color:var(--text-soft);background:#ffffff14;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;right:28px}.sp-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.sp-empty{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:.82rem;display:flex}.sp-loading-dot{background:var(--blue);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite cmd-pulse}.sp-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 18px;transition:background .12s;display:flex}.sp-item:hover{background:#ffffff0a}.sp-item:last-child{border-bottom:none}.sp-item-logo{background:#ffffff0f;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.sp-item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sp-item-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.sp-item-loc{color:var(--text-dim);align-items:center;gap:4px;font-size:.7rem;display:flex}.sp-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.sp-status-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:700}.sp-s-high{color:var(--green);background:#69f0ae1f}.sp-s-medium{color:var(--yellow);background:#ffd1661f}.sp-s-low{color:var(--orange);background:#ff9d431f}.sp-s-out{color:var(--red);background:#ff6b6b1f}.sp-s-refilling{color:var(--cyan);background:#41d6e81f}.sp-item-id{color:var(--text-dim);font-size:.6rem;font-family:var(--mono)}.sp-count{color:var(--text-dim);border-top:1px solid var(--line);text-align:right;margin:0;padding:10px 18px;font-size:.68rem}.staff-editor{gap:14px;width:100%;max-width:680px;display:grid}.staff-editor-header{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.staff-editor-kicker{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:.65rem;font-weight:700}.staff-editor-title{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:800}.staff-editor-meta{color:var(--text-dim);margin:3px 0 0;font-size:.68rem}.staff-back-btn{border:1px solid var(--line);color:var(--text-soft);background:#ffffff0a;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:.68rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.staff-back-btn:hover{color:var(--text);background:#ffffff12}.staff-editor-live{color:var(--green);white-space:nowrap;background:#69f0ae14;border:1px solid #69f0ae2e;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.7rem;font-weight:700;display:flex}.staff-fuel-list{gap:10px;display:grid}.staff-fuel-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;gap:10px;padding:14px 16px;display:grid}.staff-fuel-head{align-items:center;gap:9px;display:flex}.staff-fuel-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.staff-fuel-name{color:var(--text-strong);flex:1;font-size:.84rem;font-weight:700}.staff-fuel-current{border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.staff-fuel-current.status-high{color:var(--green);background:#69f0ae1a}.staff-fuel-current.status-low{color:var(--orange);background:#ff9d431a}.staff-fuel-current.status-out{color:var(--red);background:#ff6b6b1a}.staff-fuel-current.status-refilling{color:var(--cyan);background:#41d6e81a}.staff-fuel-current.status-medium{color:var(--yellow);background:#ffd1661a}.staff-status-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.staff-status-btn{border:1px solid var(--line);cursor:pointer;text-align:center;background:#ffffff08;border-radius:9px;gap:2px;padding:9px 8px;transition:all .15s;display:grid}.staff-status-btn:hover{background:#ffffff0f}.staff-status-btn-label{color:var(--text-soft);font-size:.76rem;font-weight:700;display:block}.staff-status-btn-sub{color:var(--text-dim);font-size:.6rem;display:block}.staff-status-btn.active-high{background:#69f0ae1a;border-color:#69f0ae4d}.staff-status-btn.active-high .staff-status-btn-label{color:var(--green)}.staff-status-btn.active-low{background:#ff9d431a;border-color:#ff9d434d}.staff-status-btn.active-low .staff-status-btn-label{color:var(--orange)}.staff-status-btn.active-out{background:#ff6b6b1a;border-color:#ff6b6b4d}.staff-status-btn.active-out .staff-status-btn-label{color:var(--red)}.staff-fuel-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.staff-input-wrap{gap:5px;display:grid}.staff-input-label{color:var(--text-soft);align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:flex}.staff-input{border:1px solid var(--line);height:38px;color:var(--text-strong);background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:0 10px;font-size:.84rem;transition:border-color .15s}.staff-input:focus{border-color:#67a6ff66}.staff-note-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;gap:6px;padding:14px 16px;display:grid}.staff-textarea{border:1px solid var(--line);color:var(--text-strong);resize:vertical;background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:.82rem;line-height:1.5;transition:border-color .15s}.staff-textarea:focus{border-color:#67a6ff66}.staff-textarea::placeholder{color:var(--text-dim)}.staff-submit-btn{height:52px;color:var(--text-strong);cursor:pointer;background:linear-gradient(135deg,#67a6ff2e,#41d6e81f);border:1px solid #67a6ff42;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-size:.9rem;font-weight:700;transition:all .18s;display:flex}.staff-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#67a6ff3d,#41d6e82e);transform:translateY(-1px)}.staff-submit-btn:disabled{opacity:.55;cursor:not-allowed}.staff-submit-btn-icon{color:#67a6ff;cursor:pointer;background:linear-gradient(135deg,#67a6ff38,#41d6e829);border:1px solid #67a6ff40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .18s;display:inline-flex}.staff-submit-btn-icon:hover:not(:disabled){background:linear-gradient(135deg,#67a6ff52,#41d6e83d);transform:translateY(-1px)}.staff-submit-btn-icon:disabled{opacity:.45;cursor:not-allowed}.staff-submit-label{color:var(--text-dim);font-size:.8rem;font-weight:500}.staff-result{border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:.78rem;font-weight:600;display:flex}.staff-result-ok{color:var(--green);background:#69f0ae14;border:1px solid #69f0ae33}.staff-result-err{color:var(--red);background:#ff6b6b14;border:1px solid #ff6b6b33}.form-panel{gap:14px;display:grid}.form-grid{gap:12px;display:grid}.field{gap:5px;display:grid}.field-span{grid-column:1/-1}.input{border:1px solid var(--line);height:40px;color:var(--text-strong);background:#ffffff0a;border-radius:8px;outline:none;width:100%;padding:0 10px;font-size:.84rem}.input:focus{border-color:#67a6ff61}.input.textarea{resize:vertical;height:auto;padding:8px 10px}.success-text{color:var(--green);background:#69f0ae14;border:1px solid #69f0ae2e;border-radius:8px;padding:8px 10px;font-size:.76rem;font-weight:600}.brand-logo{object-fit:contain;background:#fff;border-radius:6px;width:36px;height:36px;padding:3px}.risk-grid{gap:9px;display:grid}.risk-grid-compact{gap:6px}.risk-value{color:var(--text-strong);font-size:1.3rem;font-weight:800;font-family:var(--mono);line-height:1}.progress-rail{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.progress-fill{background:var(--green);border-radius:999px;height:100%;transition:width .6s}.progress-fill.tone-warning{background:var(--yellow)}.progress-fill.tone-danger{background:var(--red)}.progress-fill.tone-info{background:var(--cyan)}.ns-shell{background:var(--surface-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.ns-header{color:var(--text-soft);align-items:center;gap:6px;display:flex}.ns-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0;font-size:.72rem;font-weight:700}.ns-controls{flex-direction:column;gap:6px;display:flex}.ns-radius-row{flex-wrap:wrap;gap:5px;display:flex}.ns-radius-btn{color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:.72rem;transition:all .15s}.ns-radius-btn:hover{border-color:var(--accent);color:var(--accent)}.ns-radius-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.ns-fuel-select{color:var(--text-soft);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:.75rem}.ns-fuel-select:focus{border-color:var(--accent)}.ns-locate-btn{color:var(--accent);cursor:pointer;background:#67a6ff1f;border:1px solid #67a6ff4d;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.ns-locate-btn:hover:not(:disabled){background:#67a6ff38}.ns-locate-btn:disabled{opacity:.5;cursor:not-allowed}.ns-spin{animation:1s linear infinite spin}.ns-error{color:var(--red);margin:0;font-size:.72rem}.ns-origin-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.ns-origin-label{color:var(--text-muted);align-items:center;gap:4px;margin:0;font-size:.68rem;display:flex}.ns-clear-btn{color:#ff6b6b;cursor:pointer;background:#ff4f701a;border:1px solid #ff4f704d;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:.68rem;font-weight:600;transition:background .15s}.ns-clear-btn:hover{background:#ff4f7033}.ns-results{flex-direction:column;gap:5px;max-height:260px;display:flex;overflow-y:auto}.ns-item{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:7px;align-items:center;gap:8px;padding:7px 9px;transition:border-color .15s,background .15s;display:flex}.ns-item:hover{background:#67a6ff14;border-color:#ffffff24}.ns-item-logo{background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.ns-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ns-item-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.ns-item-loc{color:var(--text-muted);align-items:center;gap:3px;font-size:.65rem;display:flex}.ns-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.ns-item-dist{color:var(--text-soft);font-size:.7rem;font-weight:700;font-family:var(--mono)}.ns-item-status{white-space:nowrap;border:1px solid;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:600}.nv2-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nv2-nav{background:var(--surface-1);border-bottom:1px solid var(--line);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.nv2-nav-brand{color:var(--text-1);align-items:center;gap:7px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nv2-nav-right{align-items:center;gap:10px;display:flex}.nv2-nav-count{color:var(--text-3);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:2px 8px;font-size:11px}.nv2-nav-search-btn{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.nv2-nav-search-btn:hover,.nv2-nav-search-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.nv2-search-bar{background:var(--surface-1);border-bottom:1px solid var(--line);z-index:10;align-items:center;padding:8px 12px;display:flex;position:relative}.nv2-search-icon{color:var(--text-3);pointer-events:none;position:absolute;left:24px}.nv2-search-input{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text-1);border-radius:8px;outline:none;padding:8px 32px 8px 28px;font-size:13px}.nv2-search-input:focus{border-color:var(--accent)}.nv2-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:22px}.nv2-map{flex:1;position:relative;overflow:hidden}.nv2-map-placeholder{background:var(--surface-2);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nv2-radius-bar{z-index:5;background:#0d1117;border:1px solid #ffffff1a;border-radius:24px;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.nv2-radius-chip{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.nv2-radius-chip:hover{background:var(--surface-2);color:var(--text-1)}.nv2-radius-chip--active{background:var(--accent);color:#fff}.mnv-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:40px;display:flex}.mnv-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071019f7;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.mnv-header-brand{color:var(--text-strong);align-items:center;gap:8px;text-decoration:none;display:flex}.mnv-header-icon{color:var(--accent)}.mnv-header-title{letter-spacing:-.01em;font-size:1rem;font-weight:700}.mnv-header-btn{width:36px;height:36px;color:var(--text-soft);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.mnv-header-btn:hover{background:#ffffff1a}.mnv-searchbar-wrap{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;margin:10px 14px 0;padding:8px 12px;display:flex}.mnv-searchbar-icon{color:var(--text-muted);flex-shrink:0}.mnv-searchbar-input{color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.mnv-searchbar-input::placeholder{color:var(--text-dim)}.mnv-searchbar-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px}.mnv-location-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin:10px 14px 0;padding:10px 14px;display:flex}.mnv-location-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mnv-location-pin{color:var(--accent);flex-shrink:0}.mnv-location-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mnv-location-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:500}.mnv-location-value{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:2px;font-size:.78rem;display:flex;overflow:hidden}.mnv-location-edit{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:background .15s;display:flex}.mnv-location-edit:hover{background:#67a6ff1a}.mnv-filters{scrollbar-width:none;gap:6px;padding:10px 14px 0;display:flex;overflow-x:auto}.mnv-filters::-webkit-scrollbar{display:none}.mnv-chip{color:var(--text-soft);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:500;transition:all .15s;display:flex}.mnv-chip:hover{border-color:#fff3}.mnv-chip-active{background:color-mix(in srgb, var(--chip-c) 18%, transparent);border-color:color-mix(in srgb, var(--chip-c) 55%, transparent);color:var(--chip-c)}.mnv-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mnv-chip-label{line-height:1}.mnv-chip-count{background:#ffffff1a;border-radius:10px;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1.4}.mnv-map-wrap{border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;height:270px;margin:10px 14px 0;position:relative;overflow:hidden}.mnv-map-placeholder{width:100%;height:100%;color:var(--text-muted);background:#ffffff08;justify-content:center;align-items:center;display:flex}.mnv-map-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07101980;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mnv-spin{color:var(--accent);animation:1s linear infinite mnv-spin}@keyframes mnv-spin{to{transform:rotate(360deg)}}.mnv-map-footer{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;margin:6px 14px 0;padding:6px 10px;display:flex}.mnv-legend{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.mnv-legend-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.62rem;display:flex}.mnv-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mnv-map-radius-label{color:var(--text-soft);flex-shrink:0;align-items:center;gap:3px;font-size:.65rem;font-weight:700;display:flex}.mnv-radius-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 14px 0;padding:8px 12px;display:flex}.mnv-radius-label-wrap{color:var(--text-soft);align-items:center;gap:6px;font-size:.75rem;display:flex}.mnv-radius-count{color:var(--accent);background:#67a6ff1f;border-radius:8px;padding:1px 6px;font-size:.65rem;font-weight:700}.mnv-radius-btns{gap:4px;display:flex}.mnv-radius-btn{color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:7px;padding:4px 10px;font-size:.7rem;transition:all .15s}.mnv-radius-btn.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:700}.mnv-radius-btn:disabled{opacity:.4;cursor:not-allowed}.mnv-list{flex-direction:column;gap:0;margin-top:10px;display:flex}.mnv-list-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:32px;font-size:.82rem;display:flex}.mnv-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;font-size:.82rem;display:flex}.mnv-card{background:0 0;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:14px;transition:background .12s;display:flex}.mnv-card:first-child{border-top:1px solid #ffffff0d}.mnv-card:active{background:#ffffff08}.mnv-card-logo{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.mnv-card-logo img{object-fit:contain;width:44px;height:44px}.mnv-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mnv-card-row1{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.mnv-card-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.mnv-card-status{white-space:nowrap;border:1px solid;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.62rem;font-weight:700}.mnv-card-row2{align-items:center;gap:5px;font-size:.75rem;display:flex}.mnv-card-fuel-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mnv-card-fuel-liters{color:var(--text-soft);font-weight:600;font-family:var(--mono)}.mnv-card-fuel-sep{color:var(--text-dim)}.mnv-card-fuel-type{color:var(--text-muted)}.mnv-card-fuel-more{color:var(--accent);background:#67a6ff1f;border-radius:6px;padding:0 5px;font-size:.62rem}.mnv-card-row3{color:var(--text-dim);align-items:center;gap:4px;font-size:.68rem;display:flex}.mnv-card-eta{color:var(--text-muted)}.mnv-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding-top:2px;display:flex}.mnv-card-dist{color:var(--text-strong);font-size:1.1rem;font-weight:800;font-family:var(--mono);line-height:1}.mnv-card-dist small{color:var(--text-muted);margin-left:1px;font-size:.65rem;font-weight:500}.mnv-card-time{color:var(--text-dim);white-space:nowrap;align-items:center;gap:3px;font-size:.62rem;display:flex}.mnv-footer{color:var(--text-dim);justify-content:center;align-items:center;gap:6px;padding:20px 14px;font-size:.62rem;display:flex}@media (min-width:768px){.mnv-shell{max-width:100%;min-height:100vh;padding-bottom:0}.mnv-content{grid-template-columns:1fr 380px;gap:0;height:calc(100vh - 52px);display:grid;overflow:hidden}.mnv-left-panel{border-right:1px solid #ffffff12;flex-direction:column;padding:12px 0 12px 16px;display:flex;overflow:hidden}.mnv-map-wrap{border-radius:12px;flex:1;margin:10px 0 0;height:auto!important}.mnv-right-panel{flex-direction:column;padding:12px 16px;display:flex;overflow:hidden}.mnv-list{flex:1;margin-top:0;overflow-y:auto}.mnv-footer{display:none}}.map-station-marker{cursor:pointer;opacity:.72;width:42px;height:55px;filter:drop-shadow(0 4px 14px #0000008c) drop-shadow(0 0 7px var(--marker-glow,#2fe08d2e));background:0 0;border:none;flex-direction:column;align-items:center;padding:0;transition:transform .15s,filter .15s,opacity .15s;display:flex;position:relative}.map-station-marker:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-top:13px solid var(--marker-color,#2fe08d);z-index:1;flex-shrink:0;width:0;height:0;margin-top:-3px}.map-station-marker:hover{opacity:1;z-index:10;filter:drop-shadow(0 8px 22px #000000a6) drop-shadow(0 0 18px var(--marker-glow,#2fe08d99));transform:translateY(-4px)scale(1.12)}.map-station-marker:hover .map-station-marker-pulse{animation-duration:1.2s}.map-station-marker:hover .map-station-marker-bubble{background:#141a24fa;border-width:3.5px}.map-station-marker-bubble{border:3px solid var(--marker-color,#2fe08d);z-index:2;box-sizing:border-box;background:#0d1117;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.map-station-marker-bubble:after{content:"";background:var(--marker-color,#2fe08d);z-index:3;border:1.5px solid #0d1117;border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:1px}.map-station-marker-core{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.map-station-marker-logo{object-fit:contain;width:26px;height:26px}.map-station-marker-fallback{color:var(--marker-color,#2fe08d);letter-spacing:-.5px;font-size:9px;font-weight:700}.map-station-marker-pulse{border:1px solid var(--marker-color,#2fe08d);opacity:0;border-radius:50%;animation:3s ease-out infinite markerPulse;position:absolute;inset:-5px}@keyframes markerPulse{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(1.65)}to{opacity:0;transform:scale(1.65)}}.map-station-marker--sm{width:28px;height:36px;filter:drop-shadow(0 2px 6px #00000080) drop-shadow(0 0 4px var(--marker-glow,#2fe08d2e))}.map-station-marker--sm:after{border-top-width:9px;border-left-width:6px;border-right-width:6px;margin-top:-2px}.map-station-marker--sm .map-station-marker-bubble{border-width:2px;width:28px;height:28px}.map-station-marker--sm .map-station-marker-bubble:after{width:7px;height:7px;top:0;right:0}.map-station-marker--sm .map-station-marker-core,.map-station-marker--sm .map-station-marker-logo{width:16px;height:16px}.map-station-marker--sm .map-station-marker-fallback{font-size:5px}.map-station-marker--sm .map-station-marker-pulse{inset:-3px}.map-station-marker--xs{opacity:.8;width:20px;height:28px}.map-station-marker--xs .map-station-marker-bubble{border-width:2px;width:18px;height:18px}.map-station-marker--xs .map-station-marker-bubble:after{width:5px;height:5px;top:-1px;right:-1px}.map-station-marker--xs .map-station-marker-core,.map-station-marker--xs .map-station-marker-logo{width:10px;height:10px}.map-station-marker--xs .map-station-marker-fallback{font-size:4px}.map-station-marker--xs .map-station-marker-pulse{inset:-2px}.map-station-marker--xs:after{border-width:4px 3px 0}.map-my-location{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.map-my-location-dot{z-index:1;background:#4a9ee8;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #4a9ee866}.map-my-location-ring{border:1.5px solid #4a9ee880;border-radius:50%;animation:2s ease-out infinite locationPulse;position:absolute;inset:-6px}@keyframes locationPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes cardPop{0%{opacity:0;transform:scale(.82)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.map-station-card{border:1px solid var(--marker-color,#2fe08d);cursor:pointer;min-width:96px;max-width:130px;box-shadow:0 2px 10px #0000008c, 0 0 8px var(--marker-glow,#2fe08d40);text-align:left;background:#0c121eeb;border-radius:8px;flex-direction:column;gap:3px;padding:5px 7px 4px;transition:transform .12s,box-shadow .12s;animation:.18s ease-out cardPop;display:flex;position:relative}.map-station-card:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--marker-color,#2fe08d);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.map-station-card:hover{box-shadow:0 4px 16px #000000a6, 0 0 14px var(--marker-glow,#2fe08d66);transform:translateY(-2px)}.map-station-card-head{align-items:center;gap:4px;display:flex}.map-station-card-logo-wrap{background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;overflow:hidden}.map-station-card-fallback{color:var(--marker-color,#2fe08d);font-size:7px;font-weight:700}.map-station-card-name{color:#e8f0ff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.map-station-card-status-icon{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sc-high{background:#2fe08d;box-shadow:0 0 4px #2fe08db3}.sc-medium{background:#ffcc52;box-shadow:0 0 4px #ffcc52b3}.sc-low{background:#ff9a3d;box-shadow:0 0 4px #ff9a3db3}.sc-out{background:#ff4f70;box-shadow:0 0 4px #ff4f70b3}.sc-refilling{background:#32d9ff;box-shadow:0 0 4px #32d9ffb3}.map-station-card-fuels{flex-wrap:wrap;gap:2px;display:flex}.map-fuel-badge{--fuel-color:#9aa4b2;letter-spacing:.2px;white-space:nowrap;background:color-mix(in srgb, var(--fuel-color) 18%, transparent);color:var(--fuel-color);border:1px solid color-mix(in srgb, var(--fuel-color) 35%, transparent);border-radius:3px;padding:1px 5px;font-size:8px;font-weight:700}.map-fuel-badge.fb-out{opacity:.55;text-decoration:line-through}.map-fuel-badge.fb-refilling{animation:1.4s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.maplibregl-popup-content,.maplibre-popup .maplibregl-popup-content{box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.maplibregl-popup-tip{display:none!important}.map-popup-v2{color:#d0ddf5;background:#0a0f1cf7;border:1px solid #648cdc33;border-radius:10px;min-width:190px;max-width:230px;padding:8px 10px 7px;font-size:11px;box-shadow:0 6px 24px #000000a6,0 0 14px #2864c81a}.map-popup-v2-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.map-popup-v2-logo{background:#ffffff0f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.map-popup-v2-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.map-popup-v2-name{color:#e8f0ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.map-popup-v2-loc{color:#a0b4dc8c;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.map-popup-v2-badge{white-space:nowrap;border-radius:8px;flex-shrink:0;align-self:center;padding:2px 5px;font-size:9px;font-weight:700}.map-popup-v2-badge.badge-high{color:#2fe08d;background:#2fe08d2e;border:1px solid #2fe08d59}.map-popup-v2-badge.badge-medium{color:#ffcc52;background:#ffcc522e;border:1px solid #ffcc5259}.map-popup-v2-badge.badge-low{color:#ff9a3d;background:#ff9a3d2e;border:1px solid #ff9a3d59}.map-popup-v2-badge.badge-out{color:#ff4f70;background:#ff4f7026;border:1px solid #ff4f704d}.map-popup-v2-badge.badge-refilling{color:#32d9ff;background:#32d9ff26;border:1px solid #32d9ff4d}.map-popup-v2-close{color:#c8d2e680;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:16px;height:16px;font-size:8px;transition:background .15s;display:flex}.map-popup-v2-close:hover{color:#ff4f70;background:#ff4f704d}.map-popup-v2-fuels{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.map-fuel-badge-lg{--fuel-color:#9aa4b2;background:color-mix(in srgb, var(--fuel-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--fuel-color) 28%, transparent);border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-weight:700;display:flex}.map-fuel-badge-lg.fb-out{opacity:.55}.map-fuel-badge-lg.fb-refilling{animation:1.4s ease-in-out infinite badge-pulse}.map-fuel-badge-type{color:var(--fuel-color);font-size:10px;font-weight:700}.map-fuel-badge-liters{color:#b4c8e680;font-size:9px;font-weight:500}.map-popup-route{border-top:1px solid #4a9ee81f;align-items:center;gap:6px;margin-bottom:5px;padding:5px 0;display:flex}.map-popup-route-loading{color:#ffffff73;font-size:11px;font-style:italic}.map-popup-route-stat{color:#4a9ee8;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.map-popup-nav-btn{color:#fff;background:#4a9ee8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.map-popup-nav-btn:hover{background:#3a8fd8;transform:translateY(-1px)}.map-popup-v2-footer{border-top:1px solid #648cdc1a;justify-content:space-between;align-items:center;padding-top:5px;display:flex}.map-popup-v2-time{color:#8ca0c873;font-size:9px}.map-popup-update-btn{color:#67a6ff;background:#67a6ff1a;border:1px solid #67a6ff40;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:700;text-decoration:none;transition:background .15s}.map-popup-update-btn:hover{background:#67a6ff38}.opb-shell{z-index:9;background:#060c16eb;border-bottom:1px solid #ffffff0f;align-items:center;gap:0;width:100%;max-width:1480px;height:48px;margin:0 auto;padding:0 16px;display:flex;position:sticky;top:44px;overflow:hidden}.opb-source{border-right:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;margin-right:12px;padding-right:12px;display:flex}.opb-brand{color:inherit;align-items:center;gap:5px;text-decoration:none;display:flex}.opb-brand-logo{object-fit:cover;opacity:.85;border-radius:4px;width:22px!important;height:22px!important}.opb-brand-name{color:#2fe08d;letter-spacing:.08em;font-size:10px;font-weight:700}.opb-date{color:#94a3b880;white-space:nowrap;font-size:9px}.opb-track{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.opb-track::-webkit-scrollbar{display:none}.opb-pill{cursor:default;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px 4px 5px;transition:background .15s;display:flex}.opb-pill:hover{border-color:rgba(var(--pill-c), .3);background:#ffffff14}.opb-pill-icon{object-fit:contain;border-radius:4px;flex-shrink:0;width:28px!important;height:28px!important}.opb-pill-abbr{color:var(--pill-c,#e2e8f0);letter-spacing:.04em;min-width:28px;font-size:10px;font-weight:700}.opb-pill-price{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:1}.opb-pill-diff{font-variant-numeric:tabular-nums;align-items:center;gap:2px;min-width:32px;font-size:9px;font-weight:600;display:flex}.opb-pill-diff.up{color:#ff6b6b}.opb-pill-diff.down{color:#2fe08d}.opb-pill-diff.flat{color:#94a3b873}@media (max-width:640px){.opb-shell{gap:0;height:44px;padding:0 10px;position:relative;top:0}.opb-source{margin-right:8px;padding-right:8px}.opb-date{display:none}.opb-pill{gap:4px;padding:3px 6px 3px 4px}.opb-pill-icon{width:22px!important;height:22px!important}.opb-pill-price{font-size:12px}.opb-pill-diff span{display:none}}.fr-panel{flex-direction:column;gap:0;min-height:0;display:flex}.fr-live-chip{color:#69f0ae;letter-spacing:.06em;margin-left:auto;font-size:.65rem;font-weight:700;animation:1.8s ease-in-out infinite fr-blink}@keyframes fr-blink{0%,to{opacity:1}50%{opacity:.4}}.fr-list{flex-direction:column;gap:6px;max-height:320px;margin-top:8px;padding-right:2px;display:flex;overflow-y:auto}.fr-list::-webkit-scrollbar{width:3px}.fr-list::-webkit-scrollbar-track{background:0 0}.fr-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.fr-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;transition:background .2s;display:flex}.fr-item:hover{background:#ffffff0a}.fr-flash{animation:.4s fr-appear}@keyframes fr-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fr-dot{background:#9aa4b2;border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:5px}.fr-danger .fr-dot{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b80}.fr-warning .fr-dot{background:#ffd166;box-shadow:0 0 6px #ffd16666}.fr-normal .fr-dot{background:#69f0ae;box-shadow:0 0 6px #69f0ae4d}.fr-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fr-row{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.fr-station{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.fr-time{color:var(--text-dim);font-size:.62rem;font-family:var(--mono);flex-shrink:0}.fr-msg-row{align-items:flex-start;gap:5px;margin-top:1px;display:flex}.fr-fuel-chip{--fuel-color:#9aa4b2;letter-spacing:.03em;background:color-mix(in srgb, var(--fuel-color) 16%, transparent);color:var(--fuel-color);border:1px solid color-mix(in srgb, var(--fuel-color) 28%, transparent);white-space:nowrap;border-radius:3px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:.6rem;font-weight:700}.fr-msg{color:var(--text-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.fr-sub{align-items:center;gap:4px;margin-top:2px;display:flex}.fr-brand{color:var(--blue);font-size:.62rem;font-weight:600}.fr-station{align-items:center;gap:5px;min-width:0;display:inline-flex}.fr-station-logo-wrap{background:#ffffff14;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.fr-station-logo{object-fit:contain;width:14px;height:14px}.fr-brand-logo-wrap{background:#ffffff12;border-radius:4px;flex-shrink:0;align-items:center;width:18px;height:18px;display:inline-flex;overflow:hidden}.fr-brand-logo{object-fit:contain;width:16px;height:16px;margin:auto}.fr-reporter{color:var(--text-dim);align-items:center;gap:3px;font-size:.6rem;font-weight:600;display:inline-flex}.fr-reporter-dot{background:var(--blue);opacity:.6;border-radius:50%;flex-shrink:0;width:4px;height:4px}.fr-scope-chip{color:var(--blue);white-space:nowrap;text-transform:capitalize;background:#67a6ff1f;border:1px solid #67a6ff3d;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:700}.ops-scope-chip{color:var(--cyan);white-space:nowrap;text-transform:capitalize;background:#41d6e81a;border:1px solid #41d6e838;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:700}.fr-sep{color:var(--text-dim);font-size:.6rem}.fr-province{color:var(--text-dim);text-transform:capitalize;font-size:.62rem}.fr-badge{letter-spacing:.03em;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:700}.fr-badge-danger{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b40}.fr-badge-warning{color:#ffd166;background:#ffd1661f;border:1px solid #ffd16638}.fr-badge-normal{color:#69f0ae;background:#69f0ae1a;border:1px solid #69f0ae2e}.fr-empty{text-align:center;color:var(--text-dim);margin:0;padding:16px 0;font-size:.78rem}.ops-panel{flex-direction:column;gap:0;display:flex}.ops-online-chip{color:var(--text-dim);align-items:center;gap:5px;margin-left:auto;font-size:.65rem;display:inline-flex}.ops-online-dot{background:#69f0ae;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #69f0ae99}.ops-msg-list{flex-direction:column;gap:10px;max-height:260px;margin-top:2px;padding:8px 4px 4px 0;display:flex;overflow-y:auto}.ops-msg-list::-webkit-scrollbar{width:3px}.ops-msg-list::-webkit-scrollbar-track{background:0 0}.ops-msg-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ops-msg{align-items:flex-start;gap:7px;display:flex}.ops-msg-own{justify-content:flex-end}.ops-avatar{color:#071019;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.65rem;font-weight:700;display:grid}.ops-bubble-wrap{flex-direction:column;gap:2px;max-width:75%;display:flex}.ops-meta{align-items:baseline;gap:5px;display:flex}.ops-sender{color:var(--text-soft);font-size:.67rem;font-weight:600}.ops-role{color:var(--text-dim);font-size:.6rem}.ops-bubble{background:#ffffff0d;border:1px solid #ffffff12;border-radius:0 10px 10px;flex-direction:column;gap:3px;padding:7px 10px;display:flex}.ops-bubble-own{background:#67a6ff1f;border-color:#67a6ff2e;border-radius:10px 0 10px 10px;flex-direction:column;gap:3px;max-width:75%;padding:7px 10px;display:flex}.ops-text{color:var(--text);margin:0;font-size:.73rem;line-height:1.45}.ops-time{color:var(--text-dim);font-size:.58rem;font-family:var(--mono);align-self:flex-end}.ops-input-row{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.ops-input{border:1px solid var(--line);min-width:0;height:32px;color:var(--text);background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:0 10px;font-size:.75rem;transition:border-color .15s}.ops-input:focus{border-color:#67a6ff59}.ops-input::placeholder{color:var(--text-dim)}.ops-send-btn{width:32px;height:32px;color:var(--blue);cursor:pointer;background:#67a6ff1a;border:1px solid #67a6ff40;border-radius:8px;flex-shrink:0;place-items:center;transition:background .15s,opacity .15s;display:grid}.ops-send-btn:hover:not(:disabled){background:#67a6ff2e}.ops-send-btn:disabled{opacity:.35;cursor:default}.cmd-brand-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;align-items:center;gap:12px;padding:10px 16px;display:flex}.cmd-brand-strip-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-right:1px solid var(--line);flex-shrink:0;align-items:center;gap:5px;padding-right:12px;font-size:.66rem;font-weight:700;display:flex}.cmd-brand-strip-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.cmd-brand-strip-scroll::-webkit-scrollbar{display:none}.cmd-brand-item{cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:5px 9px 5px 6px;transition:background .14s,border-color .14s;display:flex}.cmd-brand-item:hover{background:#ffffff0f;border-color:#ffffff24}.cmd-brand-logo-wrap{background:#ffffff0f;border-radius:7px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.cmd-brand-logo-img{object-fit:contain;width:28px;height:28px}.cmd-brand-data{flex-direction:column;gap:4px;min-width:0;display:flex}.cmd-brand-name{color:var(--text-soft);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-size:.66rem;font-weight:700;line-height:1}.cmd-brand-pills{gap:3px;display:flex}.cbp{font-size:.6rem;font-weight:800;font-family:var(--mono);border-radius:4px;padding:1px 4px;line-height:1.4}.cbp-g{color:var(--green);background:#69f0ae26}.cbp-y{color:var(--yellow);background:#ffd16626}.cbp-r{color:var(--red);background:#ff6b6b26}.cmd-brand-total{font-size:1.15rem;font-weight:800;font-family:var(--mono);color:var(--text-strong);text-align:right;letter-spacing:-.04em;min-width:22px;line-height:1}.cmd-sit-dot{vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:2px;display:inline-block}.cmd-status-bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070d15f7;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.cmd-status-segment{flex:1;align-items:center;gap:6px;min-width:110px;display:flex}.cmd-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.csb-green{background:var(--green);box-shadow:0 0 6px var(--green)}.csb-yellow{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.csb-red{background:var(--red);box-shadow:0 0 6px var(--red)}.csb-cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.cmd-status-label{color:var(--text-soft);white-space:nowrap;font-size:.68rem;font-weight:600}.cmd-status-val{font-size:.86rem;font-weight:800;font-family:var(--mono);color:var(--text-strong);min-width:22px}.cmd-status-track{background:#ffffff12;border-radius:99px;flex:1;min-width:30px;height:4px;overflow:hidden}.cmd-status-fill{border-radius:99px;min-width:4px;height:100%;transition:width .6s}.csf-green{background:var(--green)}.csf-yellow{background:var(--yellow)}.csf-red{background:var(--red)}.csf-cyan{background:var(--cyan)}.cmd-status-total{border-left:1px solid var(--line);color:var(--text-soft);flex-shrink:0;align-items:center;gap:6px;padding-left:12px;display:flex}.cmd-status-total-num{font-size:1.1rem;font-weight:800;font-family:var(--mono);color:var(--text-strong);letter-spacing:-.04em;line-height:1}.cmd-status-total-label{color:var(--text-dim);white-space:nowrap;font-size:.66rem}.cmd-filter-label{font-size:.68rem;font-weight:600}@media (max-width:760px){.cmd-brand-strip{flex-direction:column;align-items:stretch;gap:8px}.cmd-brand-strip-label{border-right:none;border-bottom:1px solid var(--line);padding-bottom:8px;padding-right:0}.cmd-status-bar{flex-wrap:wrap;gap:6px}.cmd-status-segment{flex:none;width:calc(50% - 3px)}.cmd-status-total{border-left:none;border-top:1px solid var(--line);width:100%;padding-top:8px;padding-left:0}.cmd-filter-label{display:none}}.ops-empty{text-align:center;color:var(--text-dim);margin:12px 0;font-size:.75rem}.ops-error{color:var(--red);text-align:center;margin:4px 0 0;font-size:.7rem}.ops-scope-chip,.fr-scope-chip{color:var(--blue);white-space:nowrap;background:#67a6ff1a;border:1px solid #67a6ff2e;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:.63rem;font-weight:600}.district-overlay-mini{z-index:10;-webkit-backdrop-filter:blur(10px);color:var(--text-2);cursor:pointer;background:#0d111ce6;border:1px solid #67a6ff33;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.district-overlay-mini:hover{background:#67a6ff1f}.district-overlay{z-index:10;-webkit-backdrop-filter:blur(10px);background:#0d111ceb;border:1px solid #67a6ff2e;border-radius:12px;min-width:200px;max-width:240px;padding:10px;position:absolute;top:10px;right:10px;box-shadow:0 4px 24px #0006}.district-overlay-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.district-overlay-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:flex}.district-overlay-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:2px 5px;font-size:.65rem;display:flex}.district-overlay-toggle:hover{color:var(--text)}.district-overlay-grid{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;gap:4px;max-height:280px;display:flex;overflow-y:auto}.do-link{text-decoration:none;display:block}.do-link:hover .district-overlay-card{background:#67a6ff0f;border-color:#67a6ff66}.district-overlay-card{background:#ffffff08;border:1px solid #0000;border-radius:8px;padding:6px 8px;transition:all .15s}.do-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:.72rem;font-weight:600;display:block;overflow:hidden}.do-pct{float:right;margin-top:-18px;font-size:.68rem;font-weight:700}.do-bar-track{background:#ffffff0f;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.do-bar-fill{border-radius:2px;height:100%;transition:width .4s}.do-high .do-pct{color:#69f0ae}.do-high .do-bar-fill{background:#69f0ae}.do-high{border-color:#69f0ae26}.do-medium .do-pct{color:#ffd166}.do-medium .do-bar-fill{background:#ffd166}.do-medium{border-color:#ffd16626}.do-low .do-pct{color:#ff6b6b}.do-low .do-bar-fill{background:#ff6b6b}.do-low{border-color:#ff6b6b26}.ac-panel{flex-direction:column;gap:0;display:flex}.ac-list{flex-direction:column;gap:2px;padding:8px 0 4px;display:flex}.ac-loading,.ac-error,.ac-empty{color:var(--text-soft);padding:12px 14px;font-size:.78rem}.ac-error{color:#ff6b6b}.ac-ok{color:#69f0ae;align-items:center;gap:8px;padding:16px 14px;font-size:.82rem;display:flex}.ac-item{color:inherit;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;text-decoration:none;transition:background .15s;display:flex}.ac-item:hover{background:#ffffff0a}.ac-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.ac-critical .ac-dot{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b80}.ac-warning .ac-dot{background:#ffd166;box-shadow:0 0 6px #ffd16666}.ac-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ac-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ac-province{color:var(--text);font-size:.82rem;font-weight:600}.ac-district{color:var(--text-soft);font-size:.74rem}.ac-badge{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.65rem;font-weight:600}.ac-badge-critical{color:#ff6b6b;background:#ff6b6b2e}.ac-badge-warning{color:#ffd166;background:#ffd16629}.ac-stats{color:var(--text-dim);align-items:center;gap:6px;font-size:.72rem;display:flex}.ac-sep{opacity:.4}.ac-pct{font-variant-numeric:tabular-nums}.ac-issues{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.ac-issue-chip{color:var(--text-soft);background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:.65rem}.tc-panel{flex-direction:column;gap:0;display:flex}.tc-body{padding:10px 14px 12px}.tc-loading,.tc-error,.tc-empty{color:var(--text-soft);padding:8px 0;font-size:.78rem}.tc-error{color:#ff6b6b}.tc-trend-badge{border-radius:10px;align-items:center;gap:3px;margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.tc-trend-up{color:#ff6b6b;background:#ff6b6b26}.tc-trend-down{color:#69f0ae;background:#69f0ae26}.tc-trend-flat{color:var(--text-dim);background:#ffffff0f}.tc-summary{gap:8px;margin-bottom:12px;display:flex}.tc-sum-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;display:flex}.tc-sum-num{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.tc-sum-label{color:var(--text-dim);font-size:.62rem;font-weight:500}.tc-sum-ok .tc-sum-num{color:#69f0ae}.tc-sum-low .tc-sum-num{color:#ffd166}.tc-sum-out .tc-sum-num{color:#ff6b6b}.tc-chart-wrap{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:8px 4px 2px}.tc-line-chart{width:100%;height:auto;display:block}.tc-axis-label{fill:#ffffff59;font-family:inherit;font-size:7px}.tc-legend{justify-content:center;gap:14px;padding-top:8px;display:flex}.tc-legend-item{color:var(--text-dim);align-items:center;gap:5px;font-size:.68rem;display:flex}.tc-legend-line{border-radius:2px;flex-shrink:0;width:14px;height:3px}.sqe-overlay{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sqe-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);width:380px;max-width:92vw;box-shadow:var(--shadow);padding:20px}.sqe-header{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;display:flex}.sqe-title{flex:1;margin:0;font-size:.88rem;font-weight:600}.sqe-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .15s,color .15s}.sqe-close:hover{color:var(--text);background:#ffffff14}.sqe-station-name{color:var(--text-soft);border-bottom:1px solid var(--line);margin:0 0 14px;padding-bottom:10px;font-size:.76rem}.sqe-fuel-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.sqe-fuel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sqe-fuel-label{font-size:.8rem;font-weight:500}.sqe-select{border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;border-radius:6px;min-width:160px;padding:5px 8px;font-size:.76rem}.sqe-select:focus{border-color:var(--accent);outline:none}.sqe-select:disabled{opacity:.5;cursor:not-allowed}.sqe-result{border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 10px;font-size:.76rem;display:flex}.sqe-result-success{color:#69f0ae;background:#69f0ae1a}.sqe-result-error{color:#ff6b6b;background:#ff6b6b1a}.sqe-actions{justify-content:flex-end;gap:8px;display:flex}.sqe-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 16px;font-size:.78rem;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.sqe-btn:disabled{opacity:.45;cursor:not-allowed}.sqe-btn-cancel{color:var(--text-soft);background:#ffffff0f}.sqe-btn-cancel:hover:not(:disabled){background:#ffffff1a}.sqe-btn-submit{background:var(--accent);color:var(--bg)}.sqe-btn-submit:hover:not(:disabled){opacity:.85}@keyframes sqe-spin-anim{to{transform:rotate(360deg)}}.sqe-spin{animation:.8s linear infinite sqe-spin-anim}.sh-panel{flex-direction:column;gap:0;display:flex}.sh-station-name{color:var(--text-soft);border-bottom:1px solid var(--line);margin:0;padding:0 14px 8px;font-size:.76rem}.sh-timeline{flex-direction:column;gap:0;padding:10px 14px 8px;display:flex}.sh-loading,.sh-error,.sh-empty{color:var(--text-soft);padding:8px 0;font-size:.78rem}.sh-error{color:#ff6b6b}.sh-entry{gap:12px;display:flex}.sh-line-track{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex}.sh-node{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.sh-connector{background:var(--line);flex:1;width:1px;min-height:16px}.sh-content{flex-direction:column;flex:1;gap:3px;min-width:0;padding-bottom:14px;display:flex}.sh-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.sh-fuel-type{color:var(--text);font-size:.8rem;font-weight:600}.sh-time{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.68rem}.sh-change{align-items:center;gap:6px;font-size:.76rem;font-weight:500;display:flex}.sh-arrow{color:var(--text-dim);font-size:.72rem}.sh-level{font-weight:500}.sh-who{color:var(--text-dim);align-items:center;gap:4px;font-size:.68rem;display:flex}.cmd-export-btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text-3);cursor:pointer;border-radius:5px;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:flex}.cmd-export-btn:hover{background:var(--surface-3);color:var(--text-1)}@keyframes adm-fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes adm-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes adm-bannerPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes adm-dangerPulse{0%,to{box-shadow:0 0 #ff6b6b40}50%{box-shadow:0 0 16px 4px #ff6b6b26}}.adm-page{color:#c8d6e5;background:radial-gradient(at 20% 0,#67a6ff0f,#0000 50%),radial-gradient(at 80% 100%,#69f0ae0a,#0000 50%),#060d14;min-height:100vh;padding:0 24px 48px;font-family:Inter,Bai Jamjuree,sans-serif}.adm-header{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 0;display:flex}.adm-header-left{align-items:center;gap:12px;display:flex}.adm-header-icon{color:#69f0ae;filter:drop-shadow(0 0 6px #69f0ae66)}.adm-title{color:#f1f5f9;letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.adm-subtitle{color:#64748b;letter-spacing:.02em;margin:2px 0 0;font-size:.68rem}.adm-header-right{align-items:center;gap:14px;display:flex}.adm-header-datetime{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.adm-date{color:#94a3b8;font-size:.68rem}.adm-time{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.adm-user{color:#94a3b8;border-left:1px solid #94a3b826;padding-left:14px;font-size:.76rem;font-weight:500}.adm-logout-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff6b6b33;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.adm-logout-btn:hover{background:#ff6b6b14;border-color:#ff6b6b66}.adm-status-banner{border-radius:10px;margin-bottom:20px;padding:18px 28px;animation:3s ease-in-out infinite adm-bannerPulse}.adm-status-normal{background:linear-gradient(135deg,#69f0ae1f,#69f0ae0a);border:1px solid #69f0ae33}.adm-status-watch{background:linear-gradient(135deg,#ffd16624,#ffd1660a);border:1px solid #ffd16640}.adm-status-crisis{background:linear-gradient(135deg,#ff6b6b29,#ff6b6b0a);border:1px solid #ff6b6b4d}.adm-status-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.adm-status-label{letter-spacing:.02em;font-size:1.4rem;font-weight:800}.adm-status-normal .adm-status-label{color:#69f0ae}.adm-status-watch .adm-status-label{color:#ffd166}.adm-status-crisis .adm-status-label{color:#ff6b6b}.adm-status-detail{color:#94a3b8;font-size:.85rem;font-weight:500}.adm-kpi-row{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}.adm-kpi-card{-webkit-backdrop-filter:blur(8px);background:#0f1724b3;border:1px solid #94a3b81a;border-radius:10px;flex-direction:column;gap:8px;padding:18px 16px;animation:.45s both adm-fadeInUp;display:flex}.adm-kpi-card:hover{border-color:#94a3b833}.adm-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.adm-kpi-value{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;line-height:1.1}.adm-kpi-value-sm{font-size:.82rem;font-weight:600;line-height:1.4}.adm-kpi-ring-row{justify-content:center;display:flex}.adm-ring-svg{display:block}.adm-kpi-info{border-top:2px solid #67a6ff80}.adm-kpi-info .adm-kpi-value{color:#67a6ff}.adm-kpi-success{border-top:2px solid #69f0ae80}.adm-kpi-success .adm-kpi-value{color:#69f0ae}.adm-kpi-warning{border-top:2px solid #ffd16680}.adm-kpi-warning .adm-kpi-value{color:#ffd166}.adm-kpi-danger{border-top:2px solid #ff6b6b80}.adm-kpi-danger .adm-kpi-value{color:#ff6b6b}.adm-kpi-neutral{border-top:2px solid #94a3b84d}.adm-kpi-neutral .adm-kpi-value{color:#e2e8f0}.adm-kpi-ok .adm-kpi-value{color:#69f0ae}.adm-pulse-danger{animation:.45s both adm-fadeInUp,2s ease-in-out infinite adm-dangerPulse}.adm-kpi-loading{justify-content:center;min-height:90px}.adm-kpi-skeleton{background:#94a3b81a;border-radius:4px;width:60%;height:18px;animation:1.2s ease-in-out infinite adm-pulse}.adm-columns{grid-template-columns:40% 30% 30%;gap:18px;display:grid}.adm-col-1,.adm-col-2,.adm-col-3{flex-direction:column;gap:16px;min-width:0;display:flex}.adm-panel{-webkit-backdrop-filter:blur(6px);background:#0f1724a6;border:1px solid #94a3b81a;border-radius:10px;padding:18px;animation:.5s both adm-fadeInUp}.adm-panel-title{color:#e2e8f0;letter-spacing:.01em;border-bottom:1px solid #94a3b814;margin:0 0 14px;padding-bottom:10px;font-size:.78rem;font-weight:700}.adm-region-list{flex-direction:column;gap:10px;display:flex}.adm-region-card{background:#ffffff05;border:1px solid #94a3b814;border-radius:8px;padding:12px 14px;transition:border-color .2s,background .2s;animation:.4s both adm-fadeInUp}.adm-region-card:hover{background:#ffffff0a;border-color:#94a3b82e}.adm-region-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.adm-region-name{color:#f1f5f9;font-size:.82rem;font-weight:700}.adm-region-stations{color:#64748b;font-size:.68rem}.adm-region-bar-wrap{background:#ffffff0d;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.adm-region-bar{border-radius:3px;height:100%;transition:width .7s}.adm-region-bottom{justify-content:space-between;align-items:center;display:flex}.adm-region-health{font-size:.72rem;font-weight:600}.adm-region-critical{color:#ff6b6b;font-size:.68rem;font-weight:600}.adm-watchlist{flex-direction:column;gap:6px;max-height:520px;display:flex;overflow-y:auto}.adm-watchlist-ok{color:#69f0ae;flex-direction:column;align-items:center;gap:8px;padding:32px 0;font-size:.82rem;display:flex}.adm-watch-item{color:#c8d6e5;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;animation:.4s both adm-fadeInUp;display:flex}.adm-watch-item:hover{background:#ffffff0a;border-color:#94a3b826}.adm-watch-critical{border-left:3px solid #ff6b6b}.adm-watch-warning{border-left:3px solid #ffd166}.adm-watch-rank{color:#94a3b8;background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:grid}.adm-watch-body{flex:1;min-width:0}.adm-watch-name{color:#f1f5f9;margin-bottom:2px;font-size:.8rem;font-weight:600;display:block}.adm-watch-district{color:#94a3b8;font-weight:400}.adm-watch-stats{gap:10px;font-size:.68rem;display:flex}.adm-watch-pct{color:#ff6b6b;font-weight:600}.adm-watch-count{color:#64748b}.adm-watch-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.62rem;font-weight:700}.adm-watch-badge-critical{color:#ff6b6b;background:#ff6b6b26}.adm-watch-badge-warning{color:#ffd166;background:#ffd1661f}.adm-export-btn{color:#69f0ae;cursor:pointer;background:linear-gradient(135deg,#69f0ae14,#67a6ff0f);border:1px solid #69f0ae2e;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.adm-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#69f0ae29,#67a6ff1f);border-color:#69f0ae59}.adm-export-btn:disabled{opacity:.5;cursor:not-allowed}.adm-users-mock{color:#64748b;align-items:center;gap:10px;padding:8px 0;display:flex}.adm-users-count{color:#67a6ff;font-size:1.6rem;font-weight:800}.adm-users-label{color:#94a3b8;font-size:.76rem}.adm-loading-text,.adm-empty-text{color:#64748b;text-align:center;margin:0;padding:16px 0;font-size:.78rem}@media (max-width:1100px){.adm-columns{grid-template-columns:1fr 1fr}.adm-col-3{grid-column:1/-1}.adm-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.adm-kpi-row{grid-template-columns:repeat(2,1fr)}.adm-columns{grid-template-columns:1fr}.adm-col-3{grid-column:auto}}@media (max-width:560px){.adm-page{padding:0 12px 32px}.adm-header{flex-direction:column;align-items:flex-start;gap:10px}.adm-header-right{flex-wrap:wrap;width:100%}.adm-kpi-row{grid-template-columns:1fr}.adm-status-label{font-size:1.1rem}}.mgr-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,Bai Jamjuree,sans-serif}.mgr-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#071019f5;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.mgr-header-left{color:#69f0ae;align-items:center;gap:10px;display:flex}.mgr-title{color:var(--text-strong);margin:0;font-size:.95rem;font-weight:700}.mgr-header-right{align-items:center;gap:8px;display:flex}.mgr-user{color:var(--text-soft);border-right:1px solid var(--line);margin-right:4px;padding-right:8px;font-size:.78rem}.mgr-nav-link{color:var(--text-soft);border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.76rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.mgr-nav-link:hover{color:var(--text-strong);background:#ffffff0f}.mgr-logout{color:var(--red);cursor:pointer;background:0 0;border:1px solid #ff6b6b40;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.76rem;font-weight:500;transition:background .15s;display:inline-flex}.mgr-logout:hover{background:#ff6b6b1a}.mgr-body{gap:20px;max-width:1440px;margin:0 auto;padding:20px 24px;display:flex}.mgr-main{flex:1;min-width:0}.mgr-side{flex-direction:column;flex-shrink:0;gap:16px;width:320px;display:flex}.mgr-info-bar{gap:12px;margin-bottom:20px;display:flex}.mgr-info-card{background:var(--surface-strong,#101923);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:4px;padding:16px 20px;display:flex}.mgr-info-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:500}.mgr-info-value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.mgr-tone-success{color:#69f0ae}.mgr-tone-warning{color:#ffd166}.mgr-tone-danger{color:#ff6b6b}.mgr-loading,.mgr-error{text-align:center;color:var(--text-dim);padding:32px;font-size:.85rem}.mgr-error{color:var(--red)}.mgr-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);max-height:calc(100vh - 220px);overflow:auto}.mgr-table{border-collapse:collapse;width:100%;font-size:.82rem}.mgr-th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0d1720fa;border-bottom:1px solid #94a3b83d;padding:10px 14px;font-size:.72rem;font-weight:600;transition:color .15s;position:sticky;top:0}.mgr-th:hover{color:var(--text-soft)}.mgr-tr{cursor:pointer;transition:background .12s}.mgr-tr:hover{background:#69f0ae0a}.mgr-tr:not(:last-child) .mgr-td{border-bottom:1px solid var(--line)}.mgr-td{color:var(--text-soft);white-space:nowrap;padding:10px 14px}.mgr-td-name{color:var(--text-strong);font-weight:500}.mgr-td-time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.76rem}.mgr-td-empty{text-align:center;color:var(--text-dim);padding:40px 14px}.mgr-badge{border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600;line-height:1.5;display:inline-block}.mgr-badge-high{color:#69f0ae;background:#69f0ae1f}.mgr-badge-medium{color:#69f0ae;background:#69f0ae14}.mgr-badge-low{color:#ffd166;background:#ffd1661f}.mgr-badge-out{color:#ff6b6b;background:#ff6b6b24}.mgr-badge-refilling{color:#41d6e8;background:#41d6e81f}@media (max-width:900px){.mgr-body{flex-direction:column}.mgr-side{width:100%}.mgr-header{flex-direction:column;gap:8px;height:auto;padding:12px 16px}.mgr-header-right{flex-wrap:wrap;justify-content:center}.mgr-info-bar{flex-direction:column}}.mys-shell{background:radial-gradient(circle at 30% 10%, #67a6ff0f, transparent 40%), radial-gradient(circle at 70% 80%, #69f0ae0d, transparent 40%), var(--bg);min-height:100vh;padding:16px 12px 60px}.mys-container{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;display:flex}.mys-loading,.mys-error{min-height:40vh;color:var(--text-soft);justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex}.mys-error{color:var(--red)}.mys-header{justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.mys-header-left{align-items:center;gap:8px;display:flex}.mys-user-greeting{color:var(--text-soft);font-size:.88rem;font-weight:500}.mys-header-right{align-items:center;gap:6px;display:flex}.mys-header-link{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:0 0;align-items:center;gap:5px;min-height:44px;padding:8px 14px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.mys-header-link:hover{color:var(--text-strong);background:#ffffff0d}.mys-logout-btn:hover{color:var(--red);border-color:#ff6b6b4d}.mys-station-card{border-radius:var(--radius-lg);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#101923d9;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 24px;display:flex}.mys-station-logo{border-radius:var(--radius-md);background:#ffffff12;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.mys-station-name{color:var(--text-strong);margin:4px 0 0;font-size:1.2rem;font-weight:700;line-height:1.3}.mys-station-location{color:var(--text-dim);align-items:center;gap:5px;margin:0;font-size:.8rem;display:inline-flex}.mys-overall-badge{border-radius:20px;margin-top:4px;padding:6px 20px;font-size:.82rem;font-weight:700;display:inline-block}.mys-badge-ok{color:var(--green);background:#69f0ae24}.mys-badge-low{color:var(--yellow);background:#ffd16624}.mys-badge-out{color:var(--red);background:#ff6b6b24}.mys-badge-refill{color:var(--cyan);background:#41d6e824}.mys-last-updated{color:var(--text-dim);align-items:center;gap:5px;margin:2px 0 0;font-size:.72rem;display:inline-flex}.mys-section{flex-direction:column;gap:12px;display:flex}.mys-section-title{color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:600}.mys-fuel-stack{flex-direction:column;gap:10px;display:flex}.mys-fuel-card{border-radius:var(--radius-md);border:1px solid var(--line);border-left:4px solid var(--text-dim);background:#101923bf;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.mys-fuel-card:hover{background:#101923e6}.mys-fuel-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mys-fuel-name{color:var(--text-strong);font-size:.88rem;font-weight:600}.mys-fuel-badge{border-radius:12px;padding:3px 10px;font-size:.68rem;font-weight:600}.mys-fuel-bar-wrap{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.mys-fuel-bar{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.mys-bar-ok{background:linear-gradient(90deg,#69f0ae,#4cbb7a)}.mys-bar-low{background:linear-gradient(90deg,#ffd166,#e6a93c)}.mys-bar-out{background:linear-gradient(90deg,#ff6b6b,#d94444)}.mys-bar-refill{background:linear-gradient(90deg,#41d6e8,#2fb0c0)}.mys-fuel-card-details{justify-content:space-between;align-items:center;display:flex}.mys-fuel-liters{color:var(--text);font-size:.84rem;font-weight:700}.mys-fuel-price{color:var(--text-dim);font-size:.76rem}.mys-actions{flex-direction:column;gap:10px;display:flex}.mys-btn-primary{border-radius:var(--radius-md);background:var(--blue);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:14px 20px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:flex}.mys-btn-primary:hover{background:#5a96ee}.mys-btn-primary:active{transform:scale(.98)}.mys-btn-secondary{border-radius:var(--radius-md);border:1px solid var(--line-strong);width:100%;color:var(--text-soft);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mys-btn-secondary:hover{color:var(--text-strong);border-color:var(--blue);background:#ffffff0a}.mys-btn-secondary:active{transform:scale(.98)}@media (min-width:600px){.mys-shell{padding:32px 24px 60px}.mys-container{max-width:520px}}.own-page{background:radial-gradient(ellipse at 20% 0%, #69f0ae0f 0%, transparent 50%), radial-gradient(ellipse at 80% 10%, #67a6ff0d 0%, transparent 40%), var(--bg);min-height:100vh;padding-top:0}.own-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:50;background:#0a1118e0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.own-header-left{align-items:center;gap:16px;display:flex}.own-brand-logo{object-fit:contain;border-radius:var(--radius-md);background:#ffffff0a;width:60px;height:60px;padding:4px}.own-header-info{flex-direction:column;gap:2px;display:flex}.own-station-name{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.own-subtitle{color:var(--text-dim);letter-spacing:.02em;font-size:.74rem;font-weight:500}.own-header-right{align-items:center;gap:12px;display:flex}.own-status-badge{letter-spacing:.01em;border:1px solid;border-radius:20px;align-items:center;padding:5px 14px;font-size:.76rem;font-weight:600;display:inline-flex}.own-user-name{color:var(--text-soft);border-left:1px solid var(--line);padding:0 8px;font-size:.8rem;font-weight:500}.own-logout-btn{border-radius:var(--radius-sm);color:var(--red);cursor:pointer;background:#ff6b6b14;border:1px solid #ff6b6b26;align-items:center;gap:5px;padding:6px 14px;font-size:.76rem;font-weight:500;transition:all .2s;display:inline-flex}.own-logout-btn:hover{background:#ff6b6b29;border-color:#ff6b6b4d}.own-loading{color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:80px 20px;font-size:.88rem;display:flex}.own-spin{animation:1s linear infinite own-spin-anim}@keyframes own-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.own-error{border-radius:var(--radius-md);max-width:400px;color:var(--red);text-align:center;background:#ff6b6b14;border:1px solid #ff6b6b33;margin:40px auto;padding:16px 24px;font-size:.86rem}.own-content{max-width:1280px;margin:0 auto;padding:24px 28px 60px}.own-status-banner{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 24px;display:flex}.own-status-banner-left{align-items:center;gap:24px;display:flex}.own-status-indicator{align-items:center;gap:10px;display:flex}.own-pulse-dot{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite own-pulse;position:relative}.own-pulse-dot:before{content:"";background:inherit;opacity:.3;border-radius:50%;animation:2s ease-in-out infinite own-pulse-ring;position:absolute;inset:-4px}@keyframes own-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes own-pulse-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.own-status-text{letter-spacing:.01em;font-size:1rem;font-weight:700}.own-last-updated{color:var(--text-dim);align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.own-update-action{border-radius:var(--radius-sm);color:var(--green);cursor:pointer;background:linear-gradient(135deg,#69f0ae26,#67a6ff26);border:1px solid #69f0ae38;align-items:center;gap:7px;padding:9px 20px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.own-update-action:hover{color:var(--text-strong);background:linear-gradient(135deg,#69f0ae40,#67a6ff40);border-color:#69f0ae61;transform:translateY(-1px);box-shadow:0 4px 16px #69f0ae1f}.own-fuel-row{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;gap:16px;margin-bottom:28px;padding-bottom:4px;display:flex;overflow-x:auto}.own-fuel-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#ffffff05;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:190px;padding:20px 16px 14px;transition:all .25s;display:flex}.own-fuel-card:hover{border-color:var(--line-strong);background:#ffffff0a;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.own-fuel-card-header{align-self:flex-start;align-items:center;gap:8px;display:flex}.own-fuel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.own-fuel-name{color:var(--text-soft);font-size:.82rem;font-weight:600}.own-gauge-wrap{padding:4px 0}.own-gauge-svg{display:block}.own-gauge-fill{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.own-fuel-stats{border-top:1px solid var(--line);flex-direction:column;gap:6px;width:100%;padding-top:4px;display:flex}.own-fuel-stat-row{justify-content:space-between;align-items:baseline;display:flex}.own-fuel-stat-label{color:var(--text-dim);font-size:.72rem}.own-fuel-stat-value{color:var(--text);font-size:.84rem;font-weight:600}.own-fuel-stat-value small{color:var(--text-dim);font-size:.66rem;font-weight:400}.own-fuel-status-bar{text-align:center;border-radius:var(--radius-sm);letter-spacing:.02em;width:100%;padding:5px 0;font-size:.72rem;font-weight:600}.own-columns{gap:24px;display:flex}.own-col-left{flex:6;min-width:0}.own-col-right{flex-direction:column;flex:4;gap:20px;min-width:0;display:flex}.own-section-title{color:var(--text-strong);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:700;display:flex}.own-section-title-mt{margin-top:28px}.own-daily-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px;display:grid}.own-daily-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);background:#ffffff05;align-items:center;gap:14px;padding:18px 16px;transition:all .2s;display:flex}.own-daily-card:hover{border-color:var(--line-strong);background:#ffffff0a}.own-daily-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:flex}.own-daily-icon-sales{color:var(--green);background:#69f0ae1f;border:1px solid #69f0ae2e}.own-daily-icon-volume{color:var(--blue);background:#67a6ff1f;border:1px solid #67a6ff2e}.own-daily-icon-cars{color:var(--yellow);background:#ffd1661f;border:1px solid #ffd1662e}.own-daily-info{flex-direction:column;gap:1px;display:flex}.own-daily-label{color:var(--text-dim);font-size:.7rem;font-weight:500}.own-daily-value{color:var(--text-strong);letter-spacing:-.02em;font-size:1.3rem;font-weight:800;line-height:1.2}.own-daily-unit{color:var(--text-dim);font-size:.68rem}.own-history-wrap{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);background:#ffffff04;padding:4px;overflow:hidden}.own-history-wrap .cmd-panel{background:0 0;border:none}.own-detail-card,.own-quick-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#ffffff05;padding:20px}.own-detail-title{color:var(--text-strong);margin:0 0 16px;font-size:.86rem;font-weight:700}.own-detail-rows{flex-direction:column;gap:12px;display:flex}.own-detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.own-detail-row:last-child{border-bottom:none;padding-bottom:0}.own-detail-label{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:.74rem;font-weight:500}.own-detail-value{color:var(--text);text-align:right;word-break:break-word;font-size:.78rem}.own-detail-coord{font-family:var(--mono);align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.own-detail-mono{font-family:var(--mono);color:var(--cyan)}.own-copy-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.own-copy-btn:hover{color:var(--text);background:#ffffff1f}.own-quick-links{flex-direction:column;gap:8px;display:flex}.own-quick-link{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-soft);cursor:pointer;text-align:left;background:#ffffff08;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.own-quick-link:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff0f;transform:translate(3px)}.own-quick-link-primary{color:var(--green);background:linear-gradient(135deg,#69f0ae14,#67a6ff14);border-color:#69f0ae29;font-weight:600}.own-quick-link-primary:hover{color:var(--text-strong);background:linear-gradient(135deg,#69f0ae29,#67a6ff29);border-color:#69f0ae4d}.own-quick-ext{opacity:.4;margin-left:auto}@media (max-width:900px){.own-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.own-header-right{flex-wrap:wrap;gap:8px}.own-content{padding:16px 14px 40px}.own-fuel-row{gap:12px}.own-fuel-card{min-width:160px}.own-columns{flex-direction:column}.own-daily-grid{grid-template-columns:1fr}.own-status-banner{flex-direction:column;align-items:flex-start;gap:14px}.own-status-banner-left{flex-direction:column;gap:8px}}@media (max-width:600px){.own-brand-logo{width:44px;height:44px}.own-station-name{font-size:1rem}.own-fuel-card{min-width:150px;padding:14px 12px 10px}.own-user-name{display:none}}.off-page{color:#d9e6f2;opacity:0;background:#0a0e14;min-height:100vh;font-family:Bai Jamjuree,Inter,sans-serif;transition:opacity .5s,transform .5s;transform:translateY(6px)}.off-page.off-visible{opacity:1;transform:translateY(0)}.off-header{background:linear-gradient(135deg,#0d1520 0%,#0a1628 40%,#111827 100%);border-bottom:1px solid #67a6ff26;position:relative;overflow:hidden}.off-header-glow{pointer-events:none;background:radial-gradient(circle,#67a6ff14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-60%;right:-10%}.off-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto;padding:28px 32px 24px;display:flex;position:relative}.off-header-left{align-items:center;gap:16px;display:flex}.off-header-icon{color:#67a6ff;background:linear-gradient(135deg,#67a6ff2e,#41d6e81f);border:1px solid #67a6ff40;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.off-header-text{flex-direction:column;gap:4px;display:flex}.off-header-province{color:#f7fbff;letter-spacing:.01em;margin:0;font-size:1.6rem;font-weight:700}.off-header-subtitle{color:#67a6ff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:500}.off-header-right{align-items:center;gap:16px;display:flex}.off-header-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.off-header-user{color:#93a8bc;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.off-header-datetime{color:#6f849a;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}.off-header-logout{color:#ff4f70;cursor:pointer;background:#ff4f7014;border:1px solid #ff4f7040;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.off-header-logout:hover{background:#ff4f702e;border-color:#ff4f7066}.off-situation{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;max-width:1440px;margin:0 auto;padding:12px 32px;display:flex}.off-situation-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:2s ease-in-out infinite off-pulse}.off-situation-label{letter-spacing:.02em;font-size:.88rem;font-weight:700}.off-situation-detail{color:#93a8bc;font-size:.78rem}.off-situation-normal .off-situation-dot{background:#2fe08d;box-shadow:0 0 12px #2fe08d66}.off-situation-normal .off-situation-label{color:#2fe08d}.off-situation-risk .off-situation-dot{background:#ffd166;box-shadow:0 0 12px #ffd16666}.off-situation-risk .off-situation-label{color:#ffd166}.off-situation-crisis .off-situation-dot{background:#ff4f70;box-shadow:0 0 12px #ff4f7080}.off-situation-crisis .off-situation-label{color:#ff4f70}@keyframes off-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.off-kpis{grid-template-columns:repeat(5,1fr);gap:16px;max-width:1440px;margin:0 auto;padding:20px 32px;display:grid}.off-kpi{opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .25s;animation:.5s forwards off-fadeUp;display:flex}.off-kpi:hover{background:#ffffff0d;border-color:#ffffff24;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}@keyframes off-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.off-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.off-kpi-body{flex-direction:column;gap:2px;min-width:0;display:flex}.off-kpi-number{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;line-height:1.1}.off-kpi-label{color:#93a8bc;font-size:.78rem;font-weight:500}.off-kpi-sub{color:#6f849a;font-size:.7rem}.off-kpi-blue .off-kpi-icon{color:#67a6ff;background:#67a6ff1f}.off-kpi-blue .off-kpi-number{color:#67a6ff}.off-kpi-blue{border-color:#67a6ff26}.off-kpi-green .off-kpi-icon{color:#2fe08d;background:#2fe08d1f}.off-kpi-green{border-color:#2fe08d26}.off-kpi-yellow .off-kpi-icon{color:#ffd166;background:#ffd1661f}.off-kpi-yellow .off-kpi-number{color:#ffd166}.off-kpi-yellow{border-color:#ffd16626}.off-kpi-red .off-kpi-icon{color:#ff4f70;background:#ff4f701f}.off-kpi-red .off-kpi-number{color:#ff4f70}.off-kpi-red{border-color:#ff4f7026}.off-kpi-cyan .off-kpi-icon{color:#41d6e8;background:#41d6e81f}.off-kpi-cyan .off-kpi-number{color:#41d6e8}.off-kpi-cyan{border-color:#41d6e826}.off-kpi-pulse{animation:.5s forwards off-fadeUp,2s ease-in-out .5s infinite off-cardPulse}@keyframes off-cardPulse{0%,to{box-shadow:0 0 #ff4f7000}50%{box-shadow:0 0 20px 4px #ff4f7026}}.off-ring{flex-shrink:0}.off-loading{color:#93a8bc;justify-content:center;align-items:center;gap:10px;padding:48px 32px;font-size:.88rem;display:flex}.off-error{color:#ff4f70;text-align:center;background:#ff4f7014;border:1px solid #ff4f7033;border-radius:10px;margin:0 32px;padding:20px 32px;font-size:.85rem}.off-spin{animation:1s linear infinite off-spinAnim}.off-spin-slow{animation:3s linear infinite off-spinAnim}@keyframes off-spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.off-columns{grid-template-columns:65fr 35fr;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px 24px;display:grid}.off-panel{opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;animation:.5s .15s forwards off-fadeUp;overflow:hidden}.off-panel-head{color:#93a8bc;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:16px 20px;display:flex}.off-panel-title{color:#f7fbff;flex:1;margin:0;font-size:.88rem;font-weight:600}.off-panel-count{color:#6f849a;font-family:IBM Plex Mono,monospace;font-size:.72rem}.off-panel-trend .cmd-panel{background:0 0;border:none;margin:0;padding:0}.off-panel-trend .cmd-panel-head{display:none}.off-panel-trend .tc-body{padding:8px 20px 16px}.off-district-list{padding:8px 0}.off-district-row{color:inherit;opacity:0;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;transition:background .15s;animation:.35s forwards off-fadeUp;display:flex}.off-district-row:hover{background:#ffffff0a}.off-district-info{flex-shrink:0;align-items:center;gap:10px;min-width:200px;display:flex}.off-district-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.off-dot-green{background:#2fe08d;box-shadow:0 0 6px #2fe08d66}.off-dot-yellow{background:#ffd166;box-shadow:0 0 6px #ffd16666}.off-dot-red{background:#ff4f70;box-shadow:0 0 6px #ff4f7066}.off-district-name{color:#d9e6f2;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.off-district-count{color:#6f849a;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:.7rem}.off-district-bar-wrap{flex:1;align-items:center;gap:10px;display:flex}.off-district-bar{background:#ffffff0f;border-radius:4px;flex:1;height:8px;display:flex;overflow:hidden}.off-district-bar-ok{background:linear-gradient(90deg,#2fe08d,#69f0ae);border-radius:4px 0 0 4px;height:100%;transition:width .8s}.off-district-bar-crit{background:linear-gradient(90deg,#ff4f70,#ff6b6b);border-radius:0 4px 4px 0;height:100%;margin-left:auto;transition:width .8s}.off-district-pct{color:#93a8bc;text-align:right;min-width:36px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600}.off-alerts{flex-direction:column;gap:10px;padding:12px;display:flex}.off-alert-ok{color:#2fe08d;justify-content:center;align-items:center;gap:10px;padding:28px;font-size:.85rem;font-weight:500;display:flex}.off-alert-card{color:inherit;border:1px solid #0000;border-radius:10px;padding:14px 16px;text-decoration:none;transition:all .2s;display:block}.off-alert-card:hover{transform:translate(3px)}.off-alert-critical{background:#ff4f700f;border-color:#ff4f7033}.off-alert-critical:hover{background:#ff4f701a;border-color:#ff4f7059}.off-alert-warning{background:#ffd1660d;border-color:#ffd1662e}.off-alert-warning:hover{background:#ffd16614;border-color:#ffd1664d}.off-alert-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.off-alert-name{color:#f7fbff;font-size:.82rem;font-weight:600}.off-alert-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700}.off-alert-badge-critical{color:#ff4f70;background:#ff4f7033}.off-alert-badge-warning{color:#ffd166;background:#ffd1662e}.off-alert-stats{color:#93a8bc;align-items:center;gap:8px;margin-bottom:6px;font-size:.72rem;display:flex}.off-alert-sep{color:#3a4a5a}.off-alert-issues{flex-wrap:wrap;gap:6px;display:flex}.off-alert-chip{color:#6f849a;background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:.65rem}.off-brands{flex-direction:column;gap:10px;padding:12px;display:flex}.off-brand-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px;transition:all .2s}.off-brand-card:hover{background:#ffffff0a;border-color:#ffffff1a}.off-brand-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.off-brand-name{color:#d9e6f2;font-size:.82rem;font-weight:600}.off-brand-total{color:#6f849a;font-family:IBM Plex Mono,monospace;font-size:.7rem}.off-brand-bar-wrap{margin-bottom:8px}.off-brand-bar{background:#ffffff0f;border-radius:3px;height:5px;overflow:hidden}.off-brand-bar-ok{background:linear-gradient(90deg,#2fe08d,#41d6e8);border-radius:3px;height:100%;transition:width .8s}.off-brand-stats{gap:12px;display:flex}.off-brand-stat{font-size:.7rem;font-weight:500}.off-brand-stat-ok{color:#2fe08d}.off-brand-stat-crit{color:#ff4f70}.off-export-actions{flex-direction:column;gap:10px;padding:16px;display:flex}.off-export-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.off-export-csv{color:#2fe08d;background:linear-gradient(135deg,#2fe08d26,#41d6e81a);border-color:#2fe08d40}.off-export-csv:hover:not(:disabled){background:linear-gradient(135deg,#2fe08d38,#41d6e829);border-color:#2fe08d66;transform:translateY(-1px)}.off-export-csv:disabled{opacity:.5;cursor:not-allowed}.off-export-print{color:#67a6ff;background:#67a6ff1a;border-color:#67a6ff33}.off-export-print:hover{background:#67a6ff29;border-color:#67a6ff59;transform:translateY(-1px)}.off-empty{text-align:center;color:#6f849a;padding:28px;font-size:.82rem}.off-footer{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:16px 32px;display:flex}.off-footer-time,.off-footer-refresh{color:#6f849a;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:inline-flex}@media (max-width:1100px){.off-kpis{grid-template-columns:repeat(3,1fr)}.off-columns{grid-template-columns:1fr}}@media (max-width:768px){.off-header-inner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.off-header-right{flex-direction:column;align-items:flex-start;width:100%}.off-header-meta{align-items:flex-start}.off-kpis{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.off-kpi{padding:14px}.off-kpi-number{font-size:1.5rem}.off-columns{padding:0 16px 16px}.off-situation{flex-wrap:wrap;padding:10px 16px}.off-district-info{min-width:140px}.off-district-row{flex-wrap:wrap;gap:8px}.off-footer{flex-direction:column;gap:8px}}@media (max-width:480px){.off-kpis{grid-template-columns:1fr}.off-header-province{font-size:1.2rem}}@media print{.off-page{color:#000;background:#fff}.off-header{background:#f8f8f8;border-bottom:2px solid #333}.off-header-province{color:#000}.off-header-subtitle{color:#555}.off-header-logout,.off-export-actions,.off-footer-refresh{display:none}.off-kpi{color:#000;background:#f5f5f5;border-color:#ddd}.off-panel{break-inside:avoid;background:#fff;border-color:#ddd}.off-district-bar{background:#eee}.off-alert-card{border-color:#ccc}}