#app[data-v-ec4ae032]{min-height:100%}[dir] #app[data-v-ec4ae032]{background:#e2e8f0}.header-toolbar[data-v-ec4ae032]{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:45}[dir] .header-toolbar[data-v-ec4ae032]{padding:16px 0;box-shadow:0 4px 16px rgba(0,0,0,.15)}[dir=ltr] .header-toolbar[data-v-ec4ae032]{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .header-toolbar[data-v-ec4ae032]{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.popover-backdrop[data-v-ec4ae032]{position:fixed;inset:0;z-index:40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}[dir] .popover-backdrop[data-v-ec4ae032]{background:rgba(15,23,42,.6)}.header-content[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}[dir] .header-content[data-v-ec4ae032]{padding:0 20px}.logo-section[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.logo-dot[data-v-ec4ae032]{width:12px;height:12px;-webkit-box-shadow:0 0 0 4px hsla(0,0%,100%,.3)}[dir] .logo-dot[data-v-ec4ae032]{border-radius:50%;background:#fff;box-shadow:0 0 0 4px hsla(0,0%,100%,.3)}.dashboard-title[data-v-ec4ae032]{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.02em}[dir] .dashboard-title[data-v-ec4ae032]{margin:0}.dashboard-subtitle[data-v-ec4ae032]{color:hsla(0,0%,100%,.85);font-size:.78rem}.header-controls[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.header-refresh-btn[data-v-ec4ae032]{color:#fff;font-size:.8rem;font-weight:600;transition:all .2s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}[dir] .header-refresh-btn[data-v-ec4ae032]{padding:8px 16px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;cursor:pointer;-webkit-transition:all .2s}[dir] .header-refresh-btn[data-v-ec4ae032]:hover{background:hsla(0,0%,100%,.35)}.header-refresh-btn[data-v-ec4ae032]:disabled{opacity:.6}[dir] .header-refresh-btn[data-v-ec4ae032]:disabled{cursor:not-allowed}.live-dot[data-v-ec4ae032]{width:8px;height:8px;display:inline-block}[dir] .live-dot[data-v-ec4ae032]{background:#4caf50;border-radius:50%}[dir=ltr] .live-dot[data-v-ec4ae032],[dir=rtl] .live-dot[data-v-ec4ae032]{-webkit-animation:pulse-ec4ae032 2s infinite;animation:pulse-ec4ae032 2s infinite}@-webkit-keyframes pulse-ec4ae032{0%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,0);box-shadow:0 0 0 0 rgba(76,175,80,0)}}@keyframes pulse-ec4ae032{0%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,0);box-shadow:0 0 0 0 rgba(76,175,80,0)}}.date-range-badge[data-v-ec4ae032]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#fff;font-size:.8rem;font-weight:600}[dir] .date-range-badge[data-v-ec4ae032]{cursor:pointer;background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px}.date-range-chevron[data-v-ec4ae032]{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;font-size:.7rem}[dir] .date-range-chevron[data-v-ec4ae032]{-webkit-transition:-webkit-transform .2s}[dir=ltr] .date-range-chevron.open[data-v-ec4ae032]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .date-range-chevron.open[data-v-ec4ae032]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.date-range-popover[data-v-ec4ae032]{position:absolute;top:calc(100% + 10px);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.2);min-width:280px;z-index:50}[dir] .date-range-popover[data-v-ec4ae032]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:16px;cursor:default}[dir=ltr] .date-range-popover[data-v-ec4ae032]{right:0}[dir=rtl] .date-range-popover[data-v-ec4ae032]{left:0}.popover-controls[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}[dir] .popover-controls[data-v-ec4ae032]{margin-top:10px}.popover-apply-btn[data-v-ec4ae032]{width:100%;color:#fff;font-size:.875rem;font-weight:600}[dir] .popover-apply-btn[data-v-ec4ae032]{margin-top:12px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}[dir=ltr] .popover-apply-btn[data-v-ec4ae032]{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .popover-apply-btn[data-v-ec4ae032]{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.popover-apply-btn[data-v-ec4ae032]:disabled{opacity:.6}[dir] .popover-apply-btn[data-v-ec4ae032]:disabled{cursor:not-allowed}.main-content[data-v-ec4ae032]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}[dir] .main-content[data-v-ec4ae032]{padding:20px;background:#e2e8f0}.main-content>[data-v-ec4ae032]{max-width:1600px}[dir=ltr] .main-content>[data-v-ec4ae032],[dir=rtl] .main-content>[data-v-ec4ae032]{margin-left:auto;margin-right:auto}.loading-overlay-inline[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] .loading-overlay-inline[data-v-ec4ae032]{padding:60px 0}.loader[data-v-ec4ae032]{width:40px;height:40px}[dir] .loader[data-v-ec4ae032]{border:4px solid #f1f5f9;border-top-color:#d2691e;border-radius:50%}[dir=ltr] .loader[data-v-ec4ae032]{-webkit-animation:spin-ltr-ec4ae032 .8s linear infinite;animation:spin-ltr-ec4ae032 .8s linear infinite}[dir=rtl] .loader[data-v-ec4ae032]{-webkit-animation:spin-rtl-ec4ae032 .8s linear infinite;animation:spin-rtl-ec4ae032 .8s linear infinite}@-webkit-keyframes spin-ltr-ec4ae032{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-rtl-ec4ae032{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-ltr-ec4ae032{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-rtl-ec4ae032{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.date-quick-buttons[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.date-quick-btn[data-v-ec4ae032]{font-size:.75rem;font-weight:500;color:#64748b;transition:all .2s ease}[dir] .date-quick-btn[data-v-ec4ae032]{padding:5px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:5px;cursor:pointer;-webkit-transition:all .2s ease}.date-quick-btn[data-v-ec4ae032]:hover{color:#d2691e}[dir] .date-quick-btn[data-v-ec4ae032]:hover{border-color:#d2691e;background:#fff9f5}.date-quick-btn.active[data-v-ec4ae032]{color:#fff}[dir] .date-quick-btn.active[data-v-ec4ae032]{border-color:#d2691e}[dir=ltr] .date-quick-btn.active[data-v-ec4ae032]{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .date-quick-btn.active[data-v-ec4ae032]{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.specific-date-input[data-v-ec4ae032]{font-size:.85rem;color:#334155;width:100%}[dir] .specific-date-input[data-v-ec4ae032]{padding:5px 10px;border:1px solid #cbd5e1;border-radius:5px;background:#fff}.specific-date-input[data-v-ec4ae032]:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(210,105,30,.15)}[dir] .specific-date-input[data-v-ec4ae032]:focus{border-color:#d2691e;box-shadow:0 0 0 2px rgba(210,105,30,.15)}.section-heading[data-v-ec4ae032]{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#d2691e}[dir] .section-heading[data-v-ec4ae032]{margin:28px 0 12px}[dir] .section-heading[data-v-ec4ae032]:first-of-type{margin-top:4px}.section-card[data-v-ec4ae032]{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08)}[dir] .section-card[data-v-ec4ae032]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:20px 22px;margin-bottom:24px}[dir] .section-card .section-heading[data-v-ec4ae032]{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-card .chart-card[data-v-ec4ae032],.section-card .tank-card[data-v-ec4ae032]{-webkit-box-shadow:none}[dir] .section-card .chart-card[data-v-ec4ae032],[dir] .section-card .tank-card[data-v-ec4ae032]{box-shadow:none;border:1px solid #f1f5f9;background:#fafbfc}[dir] .section-card .analytics-grid-even[data-v-ec4ae032],[dir] .section-card .charts-section[data-v-ec4ae032],[dir] .section-card .kpi-grid[data-v-ec4ae032],[dir] .section-card .tank-grid[data-v-ec4ae032]{margin-bottom:0}.hero-banner[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 8px 24px rgba(210,105,30,.2)}[dir] .hero-banner[data-v-ec4ae032]{border-radius:16px;padding:26px 30px;box-shadow:0 8px 24px rgba(210,105,30,.2);margin-bottom:8px}[dir=ltr] .hero-banner[data-v-ec4ae032]{background:linear-gradient(135deg,#ff8c00,#d2691e)}[dir=rtl] .hero-banner[data-v-ec4ae032]{background:linear-gradient(-135deg,#ff8c00,#d2691e)}.hero-label[data-v-ec4ae032]{color:hsla(0,0%,100%,.85);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-label-tag[data-v-ec4ae032]{font-weight:700;font-size:1rem;letter-spacing:0;text-transform:none}[dir] .hero-label-tag[data-v-ec4ae032]{background:hsla(0,0%,100%,.2);border-radius:8px;padding:2px 10px}[dir=ltr] .hero-label-tag[data-v-ec4ae032]{margin-left:4px}[dir=rtl] .hero-label-tag[data-v-ec4ae032]{margin-right:4px}.hero-value[data-v-ec4ae032]{color:#fff;font-size:2.4rem;font-weight:800;line-height:1.15}.hero-caption[data-v-ec4ae032]{color:hsla(0,0%,100%,.85);font-size:.85rem;font-weight:500}[dir] .hero-caption[data-v-ec4ae032]{margin-top:2px}.hero-icon[data-v-ec4ae032]{width:64px;height:64px;color:hsla(0,0%,100%,.3);-ms-flex-negative:0;flex-shrink:0}.hero-icon svg[data-v-ec4ae032]{width:100%;height:100%}.low-stock-banner[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;color:#92400e;font-size:.85rem;font-weight:500;transition:background .2s}[dir] .low-stock-banner[data-v-ec4ae032]{background:#fef3e2;border:1px solid #fbbf24;border-radius:10px;padding:12px 18px;margin-bottom:16px;cursor:pointer;-webkit-transition:background .2s}[dir] .low-stock-banner[data-v-ec4ae032]:hover{background:#fde9c8}.low-stock-icon[data-v-ec4ae032]{font-size:1.1rem;-ms-flex-negative:0;flex-shrink:0}.analytics-grid-even[data-v-ec4ae032]{display:grid;grid-template-columns:1fr 1fr;gap:20px}[dir] .analytics-grid-even[data-v-ec4ae032]{margin-bottom:20px}.analytics-grid-even.single-col[data-v-ec4ae032]{grid-template-columns:1fr}.kpi-grid[data-v-ec4ae032]{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}[dir] .kpi-grid[data-v-ec4ae032]{margin-bottom:0}.kpi-card[data-v-ec4ae032]{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .25s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[dir] .kpi-card[data-v-ec4ae032]{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0;-webkit-transition:all .25s}[dir=ltr] .kpi-card[data-v-ec4ae032]{border-left:4px solid #cbd5e1}[dir=rtl] .kpi-card[data-v-ec4ae032]{border-right:4px solid #cbd5e1}.kpi-card[data-v-ec4ae032]:hover{-webkit-transform:translateY(-3px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.1)}[dir] .kpi-card[data-v-ec4ae032]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}[dir] .kpi-card-clickable[data-v-ec4ae032]{cursor:pointer}[dir] .kpi-card-clickable[data-v-ec4ae032]:hover{border-color:#d2691e}.kpi-card[data-v-ec4ae032]:after{content:"";display:block;height:6px}[dir] .kpi-card[data-v-ec4ae032]:after{border-radius:3px;background:#f1f5f9;margin-top:auto;padding-top:12px;background-clip:content-box}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-orange){border-left-color:#ff8c00}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-orange){border-right-color:#ff8c00}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-orange):after{background:-webkit-gradient(linear,left top,right top,from(#ff8c00),to(#ffd9a8));background:linear-gradient(90deg,#ff8c00,#ffd9a8)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-orange):after{background:-webkit-gradient(linear,right top,left top,from(#ff8c00),to(#ffd9a8));background:linear-gradient(-90deg,#ff8c00,#ffd9a8)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-blue){border-left-color:#2196f3}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-blue){border-right-color:#2196f3}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-blue):after{background:-webkit-gradient(linear,left top,right top,from(#2196f3),to(#bbdefb));background:linear-gradient(90deg,#2196f3,#bbdefb)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-blue):after{background:-webkit-gradient(linear,right top,left top,from(#2196f3),to(#bbdefb));background:linear-gradient(-90deg,#2196f3,#bbdefb)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-green){border-left-color:#27ae60}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-green){border-right-color:#27ae60}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-green):after{background:-webkit-gradient(linear,left top,right top,from(#27ae60),to(#a9dfbf));background:linear-gradient(90deg,#27ae60,#a9dfbf)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-green):after{background:-webkit-gradient(linear,right top,left top,from(#27ae60),to(#a9dfbf));background:linear-gradient(-90deg,#27ae60,#a9dfbf)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-red){border-left-color:#e74c3c}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-red){border-right-color:#e74c3c}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-red):after{background:-webkit-gradient(linear,left top,right top,from(#e74c3c),to(#f5b7b1));background:linear-gradient(90deg,#e74c3c,#f5b7b1)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-red):after{background:-webkit-gradient(linear,right top,left top,from(#e74c3c),to(#f5b7b1));background:linear-gradient(-90deg,#e74c3c,#f5b7b1)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-purple){border-left-color:#9c27b0}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-purple){border-right-color:#9c27b0}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-purple):after{background:-webkit-gradient(linear,left top,right top,from(#9c27b0),to(#e1bee7));background:linear-gradient(90deg,#9c27b0,#e1bee7)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-purple):after{background:-webkit-gradient(linear,right top,left top,from(#9c27b0),to(#e1bee7));background:linear-gradient(-90deg,#9c27b0,#e1bee7)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-teal){border-left-color:#26a69a}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-teal){border-right-color:#26a69a}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-teal):after{background:-webkit-gradient(linear,left top,right top,from(#26a69a),to(#b2dfdb));background:linear-gradient(90deg,#26a69a,#b2dfdb)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-teal):after{background:-webkit-gradient(linear,right top,left top,from(#26a69a),to(#b2dfdb));background:linear-gradient(-90deg,#26a69a,#b2dfdb)}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-indigo){border-left-color:#7986cb}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-indigo){border-right-color:#7986cb}[dir=ltr] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-indigo):after{background:-webkit-gradient(linear,left top,right top,from(#7986cb),to(#c5cae9));background:linear-gradient(90deg,#7986cb,#c5cae9)}[dir=rtl] .kpi-card[data-v-ec4ae032]:has(.kpi-icon-indigo):after{background:-webkit-gradient(linear,right top,left top,from(#7986cb),to(#c5cae9));background:linear-gradient(-90deg,#7986cb,#c5cae9)}.kpi-icon[data-v-ec4ae032]{width:38px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] .kpi-icon[data-v-ec4ae032]{border-radius:10px;margin-bottom:12px}.kpi-icon svg[data-v-ec4ae032]{width:20px;height:20px}.kpi-icon-orange[data-v-ec4ae032]{color:#ff8c00}[dir] .kpi-icon-orange[data-v-ec4ae032]{background:#fff1e0}.kpi-icon-blue[data-v-ec4ae032]{color:#2196f3}[dir] .kpi-icon-blue[data-v-ec4ae032]{background:#e3f2fd}.kpi-icon-green[data-v-ec4ae032]{color:#27ae60}[dir] .kpi-icon-green[data-v-ec4ae032]{background:#e8f8ef}.kpi-icon-red[data-v-ec4ae032]{color:#e74c3c}[dir] .kpi-icon-red[data-v-ec4ae032]{background:#fdecea}.kpi-icon-purple[data-v-ec4ae032]{color:#9c27b0}[dir] .kpi-icon-purple[data-v-ec4ae032]{background:#f3e8fa}.kpi-icon-teal[data-v-ec4ae032]{color:#26a69a}[dir] .kpi-icon-teal[data-v-ec4ae032]{background:#e6f7f3}.kpi-icon-indigo[data-v-ec4ae032]{color:#7986cb}[dir] .kpi-icon-indigo[data-v-ec4ae032]{background:#e8eaf6}.kpi-value[data-v-ec4ae032]{font-size:1.55rem;color:#1e293b;font-weight:800;line-height:1.2}.kpi-label[data-v-ec4ae032]{color:#64748b;font-size:.78rem;font-weight:600}[dir] .kpi-label[data-v-ec4ae032]{margin-top:2px}.kpi-label-tag[data-v-ec4ae032]{color:#64748b;font-weight:700;font-size:.85rem}[dir] .kpi-label-tag[data-v-ec4ae032]{background:#eef2f7;border-radius:8px;padding:1px 8px}[dir=ltr] .kpi-label-tag[data-v-ec4ae032]{margin-left:2px}[dir=rtl] .kpi-label-tag[data-v-ec4ae032]{margin-right:2px}.stat-change[data-v-ec4ae032]{font-size:.75rem;color:#94a3b8}[dir] .stat-change[data-v-ec4ae032]{margin-top:4px}.stat-change.positive[data-v-ec4ae032]{color:#27ae60}.charts-section[data-v-ec4ae032]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}[dir] .charts-section[data-v-ec4ae032]{margin-bottom:20px}.chart-card[data-v-ec4ae032]{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}[dir] .chart-card[data-v-ec4ae032]{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0}.chart-card-wide[data-v-ec4ae032]{grid-column:1/-1}.chart-header[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .chart-header[data-v-ec4ae032]{padding:14px 18px;background:#f8fafc;border-bottom:1px solid #e2e8f0}[dir] .chart-header-clickable[data-v-ec4ae032]{cursor:pointer}[dir] .chart-header-clickable[data-v-ec4ae032]:hover{background:#fff8f3}.chart-title[data-v-ec4ae032]{font-size:.95rem;font-weight:700;color:#34495e}[dir] .chart-title[data-v-ec4ae032]{margin:0}.chart-title-note[data-v-ec4ae032]{font-size:.75rem;font-weight:500;color:#94a3b8}.chart-header-stats[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:22px}[dir=ltr] .chart-header-stat[data-v-ec4ae032]{text-align:right}[dir=rtl] .chart-header-stat[data-v-ec4ae032]{text-align:left}.chart-header-stat-value[data-v-ec4ae032]{display:block;font-size:1.1rem;font-weight:800;color:#d2691e}.chart-header-stat-label[data-v-ec4ae032]{display:block;font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.chart-header-link[data-v-ec4ae032]{color:#d2691e;font-size:.72rem;font-weight:700;transition:all .2s}[dir] .chart-header-link[data-v-ec4ae032]{background:none;border:1px solid #d2691e;border-radius:14px;padding:3px 12px;cursor:pointer;-webkit-transition:all .2s}.chart-header-link[data-v-ec4ae032]:hover{color:#fff}[dir] .chart-header-link[data-v-ec4ae032]:hover{background:#d2691e}[dir] .chart-body[data-v-ec4ae032]{padding:16px}.chart-body[data-v-ec4ae032] .apexcharts-tooltip{-webkit-box-shadow:0 8px 20px rgba(210,105,30,.18)!important;overflow:hidden}[dir] .chart-body[data-v-ec4ae032] .apexcharts-tooltip{border:1px solid #fbd9b4!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(210,105,30,.18)!important}.chart-body[data-v-ec4ae032] .apexcharts-tooltip-title{color:#fff!important;font-weight:700!important}[dir] .chart-body[data-v-ec4ae032] .apexcharts-tooltip-title{border-bottom:none!important}[dir=ltr] .chart-body[data-v-ec4ae032] .apexcharts-tooltip-title{background:linear-gradient(135deg,#ff8c00,#d2691e)!important}[dir=rtl] .chart-body[data-v-ec4ae032] .apexcharts-tooltip-title{background:linear-gradient(-135deg,#ff8c00,#d2691e)!important}[dir] .bar-list[data-v-ec4ae032]{padding:8px 20px 16px}[dir] .bar-list-padded[data-v-ec4ae032]{padding:16px 20px}.bar-list-row[data-v-ec4ae032]{display:grid;grid-template-columns:1fr 2fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}[dir] .bar-list-row[data-v-ec4ae032]{padding:9px 0}[dir] .bar-list-row-clickable[data-v-ec4ae032]{cursor:pointer;border-radius:8px;margin:0 -8px;padding:9px 8px}[dir] .bar-list-row-clickable[data-v-ec4ae032]:hover{background:#fff8f3}.bar-list-label[data-v-ec4ae032]{font-size:.85rem;color:#334155;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-list-sub[data-v-ec4ae032]{color:#94a3b8;font-weight:500;font-size:.75rem}.bar-list-track[data-v-ec4ae032]{height:8px;overflow:hidden}[dir] .bar-list-track[data-v-ec4ae032]{background:#f1f5f9;border-radius:5px}.bar-list-fill[data-v-ec4ae032]{height:100%}[dir] .bar-list-fill[data-v-ec4ae032]{border-radius:5px}[dir=ltr] .bar-list-fill[data-v-ec4ae032]{background:-webkit-gradient(linear,left top,right top,from(#ff8c00),to(#d2691e));background:linear-gradient(90deg,#ff8c00,#d2691e)}[dir=rtl] .bar-list-fill[data-v-ec4ae032]{background:-webkit-gradient(linear,right top,left top,from(#ff8c00),to(#d2691e));background:linear-gradient(-90deg,#ff8c00,#d2691e)}[dir=ltr] .bar-list-fill-blue[data-v-ec4ae032]{background:-webkit-gradient(linear,left top,right top,from(#2196f3),to(#64b5f6));background:linear-gradient(90deg,#2196f3,#64b5f6)}[dir=rtl] .bar-list-fill-blue[data-v-ec4ae032]{background:-webkit-gradient(linear,right top,left top,from(#2196f3),to(#64b5f6));background:linear-gradient(-90deg,#2196f3,#64b5f6)}.bar-list-value[data-v-ec4ae032]{font-size:.82rem;font-weight:700;color:#1e293b;white-space:nowrap}[dir=ltr] .bar-list-value[data-v-ec4ae032]{text-align:right}[dir=rtl] .bar-list-value[data-v-ec4ae032]{text-align:left}.driver-table-wrapper[data-v-ec4ae032]{overflow-x:auto}[dir] .driver-table-wrapper[data-v-ec4ae032]{padding:4px 20px 16px}[dir] .drill-down-table-wrapper[data-v-ec4ae032]{padding:16px 20px 20px}.data-table[data-v-ec4ae032]{width:100%;border-collapse:collapse}[dir] .data-table thead[data-v-ec4ae032]{background:#f8fafc}.data-table th[data-v-ec4ae032]{color:#64748b;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}[dir] .data-table th[data-v-ec4ae032]{padding:10px 14px;border-bottom:2px solid #e2e8f0}[dir=ltr] .data-table th[data-v-ec4ae032]{text-align:left}[dir=ltr] .data-table th.num[data-v-ec4ae032],[dir=rtl] .data-table th[data-v-ec4ae032]{text-align:right}[dir=rtl] .data-table th.num[data-v-ec4ae032]{text-align:left}[dir] .data-table tbody tr[data-v-ec4ae032]{border-bottom:1px solid #e2e8f0;background:#fff}[dir] .data-table tbody tr[data-v-ec4ae032]:nth-child(2n){background:#fafbfc}[dir] .data-table tbody tr[data-v-ec4ae032]:hover{background:#fff8f3}.data-table td[data-v-ec4ae032]{font-size:.875rem;color:#334155}[dir] .data-table td[data-v-ec4ae032]{padding:10px 14px}.data-table td.num[data-v-ec4ae032]{font-variant-numeric:tabular-nums}[dir=ltr] .data-table td.num[data-v-ec4ae032]{text-align:right}[dir=rtl] .data-table td.num[data-v-ec4ae032]{text-align:left}[dir] .data-table-row-clickable[data-v-ec4ae032]{cursor:pointer}.data-table tbody td[data-v-ec4ae032]:first-child{font-weight:700;color:#d2691e}.data-table th[data-v-ec4ae032]:first-child{color:#d2691e}.drill-down-popup[data-v-ec4ae032] .vs-popup{max-width:900px;width:92vw;overflow:hidden;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.25)}[dir] .drill-down-popup[data-v-ec4ae032] .vs-popup{border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.drill-down-popup[data-v-ec4ae032] .vs-popup--header{min-height:20px}[dir] .drill-down-popup[data-v-ec4ae032] .vs-popup--header{border-radius:0}[dir=ltr] .drill-down-popup[data-v-ec4ae032] .vs-popup--header{background:linear-gradient(135deg,#ff8c00,#d2691e);padding:14px 48px 14px 18px}[dir=rtl] .drill-down-popup[data-v-ec4ae032] .vs-popup--header{background:linear-gradient(-135deg,#ff8c00,#d2691e);padding:14px 18px 14px 48px}.drill-down-popup[data-v-ec4ae032] .vs-popup--title h3{color:#fff;font-weight:700;font-size:1.05rem}.drill-down-popup[data-v-ec4ae032] .vs-popup--close{position:absolute!important;top:50%!important;-webkit-transform:translateY(-50%)!important;color:#fff!important;-webkit-box-shadow:none!important;width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem!important}[dir] .drill-down-popup[data-v-ec4ae032] .vs-popup--close{transform:translateY(-50%)!important;margin:0!important;background:hsla(0,0%,100%,.2)!important;box-shadow:none!important}[dir=ltr] .drill-down-popup[data-v-ec4ae032] .vs-popup--close{right:16px!important}[dir=rtl] .drill-down-popup[data-v-ec4ae032] .vs-popup--close{left:16px!important}[dir] .drill-down-popup[data-v-ec4ae032] .vs-popup--close:hover{background:hsla(0,0%,100%,.38)!important}.drill-down-popup[data-v-ec4ae032] .vs-popup--content{max-height:65vh;overflow-y:auto;width:100%}[dir] .drill-down-popup[data-v-ec4ae032] .vs-popup--content{padding:0;margin:0}.type-badge[data-v-ec4ae032]{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}[dir] .type-badge[data-v-ec4ae032]{padding:2px 10px;border-radius:12px}.type-badge-class[data-v-ec4ae032]{color:#1565c0}[dir] .type-badge-class[data-v-ec4ae032]{background:#e3f2fd}.tank-grid[data-v-ec4ae032]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}[dir] .tank-grid[data-v-ec4ae032]{margin-bottom:20px}.tank-card[data-v-ec4ae032]{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .25s}[dir] .tank-card[data-v-ec4ae032]{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0;text-align:center;-webkit-transition:all .25s;cursor:pointer}.tank-card[data-v-ec4ae032]:hover{-webkit-transform:translateY(-3px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.1)}[dir] .tank-card[data-v-ec4ae032]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.tank-visual-svg[data-v-ec4ae032]{width:160px;height:auto;display:block}[dir] .tank-visual-svg[data-v-ec4ae032]{margin:6px auto 10px}.tank-card-name[data-v-ec4ae032]{font-size:.95rem;font-weight:700;color:#34495e}.tank-card-store[data-v-ec4ae032]{font-size:.75rem;color:#94a3b8}[dir] .tank-card-store[data-v-ec4ae032]{margin-bottom:6px}.tank-card-percent[data-v-ec4ae032]{font-size:1.7rem;font-weight:800}[dir] .tank-card-percent[data-v-ec4ae032]{margin-bottom:10px}.tank-status-normal[data-v-ec4ae032]{color:#27ae60}.tank-status-warning[data-v-ec4ae032]{color:#ff8c00}.tank-status-critical[data-v-ec4ae032]{color:#e74c3c}[dir] .tank-card-rows[data-v-ec4ae032]{border-top:1px solid #f1f5f9;padding-top:10px}[dir=ltr] .tank-card-rows[data-v-ec4ae032]{text-align:left}[dir=rtl] .tank-card-rows[data-v-ec4ae032]{text-align:right}.tank-card-row[data-v-ec4ae032]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;font-size:.78rem;color:#64748b}[dir] .tank-card-row[data-v-ec4ae032]{padding:3px 0}.tank-card-row span[data-v-ec4ae032]:last-child{color:#334155;font-weight:600}[dir=ltr] .tank-card-row span[data-v-ec4ae032]:last-child{text-align:right}[dir=rtl] .tank-card-row span[data-v-ec4ae032]:last-child{text-align:left}[dir] .empty-state[data-v-ec4ae032]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px solid #cbd5e1}.empty-icon[data-v-ec4ae032]{font-size:2.5rem}[dir] .empty-icon[data-v-ec4ae032]{margin-bottom:12px}.empty-title[data-v-ec4ae032]{font-size:1.1rem;font-weight:700;color:#34495e}[dir] .empty-title[data-v-ec4ae032]{margin-bottom:6px}.empty-description[data-v-ec4ae032]{color:#64748b;font-size:.9rem}[dir] .empty-description[data-v-ec4ae032]{padding:12px 0;text-align:center}@media (max-width:640px){.header-content[data-v-ec4ae032]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}[dir] .main-content[data-v-ec4ae032]{padding:12px}.analytics-grid-even[data-v-ec4ae032],.charts-section[data-v-ec4ae032],.kpi-grid[data-v-ec4ae032]{grid-template-columns:1fr}.hero-banner[data-v-ec4ae032]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.date-range-popover[data-v-ec4ae032]{min-width:240px}[dir=ltr] .date-range-popover[data-v-ec4ae032]{right:auto;left:0}[dir=rtl] .date-range-popover[data-v-ec4ae032]{left:auto;right:0}}