*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-screen{align-items:center;background:var(--bg-base);display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-card{background:var(--surface-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px #0000001f,0 0 1px #00000014;max-width:420px;padding:2.5rem 2rem;width:100%}.login-logo{display:block;height:72px;margin:0 auto .75rem;object-fit:contain;width:auto}.login-title{color:var(--text-primary);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 1.75rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:.5rem;text-align:left}.login-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.125rem}.login-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;line-height:1.5;padding:.625rem .75rem;width:100%}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{border-color:#fd6600;box-shadow:0 0 0 2px #fd660040;outline:none}.login-error{color:var(--leakage-value);font-size:.875rem;margin:0}.login-btn{background:#fd6600;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:background .15s ease}.login-btn:hover:not(:disabled){background:#e65c00}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-mobile-display{color:var(--text-muted);font-size:.875rem;margin:0 0 .25rem;text-align:left}.login-back{background:none;border:none;color:#fd6600;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:0;text-align:center}.login-back:hover{text-decoration:underline}.unauthorized-screen{align-items:center;background:var(--bg-base);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.unauthorized-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:440px;padding:var(--space-xl);text-align:center;width:100%}.unauthorized-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-sm)}.unauthorized-message{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--space-sm)}.unauthorized-hint{color:var(--text-muted);font-size:.875rem;margin:0 0 var(--space-lg)}.unauthorized-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:var(--btn-on-accent);cursor:pointer;font-size:.9375rem;font-weight:500;padding:var(--space-sm) var(--space-md)}.unauthorized-btn:hover{background:var(--accent-hover)}:root{--bg-base:#0c1222;--bg-surface:#111827;--surface-elevated:#1a2234;--surface-card:#151d2e;--surface-card-hover:#1a2234;--border:#ffffff0f;--border-strong:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent:#d4a853;--accent-hover:#e4b963;--accent-muted:#d4a85333;--leakage-bg:#b91c1c1f;--leakage-border:#b91c1c59;--leakage-text:#fca5a5;--leakage-value:#fecaca;--leakage-bar:#dc2626;--leakage-bar-buyer:#ea580c;--chart-grid:#ffffff0f;--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:28px;--space-xl:40px;--space-2xl:56px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 4px 24px #00000040;--shadow-header:0 1px 0 var(--border);--btn-on-accent:#fff}html[data-theme=light]{--bg-base:#f1f5f9;--bg-surface:#fff;--surface-elevated:#f8fafc;--surface-card:#fff;--surface-card-hover:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent:#1d4ed8;--accent-hover:#1e40af;--accent-muted:#1d4ed81f;--leakage-bg:#fef2f2;--leakage-border:#fecaca;--leakage-text:#b91c1c;--leakage-value:#991b1b;--leakage-bar:#dc2626;--leakage-bar-buyer:#ea580c;--chart-grid:#e2e8f0;--shadow-card:0 1px 3px #00000014;--shadow-header:0 1px 0 var(--border);--btn-on-accent:#fff}.dashboard{background:#0c1222;background:var(--bg-base);color:#f1f5f9;color:var(--text-primary);min-height:100vh;padding:0}.dashboard-body{display:flex;flex-direction:column;min-height:calc(100vh - 80px);transition:filter .2s ease}.dashboard-body-row{display:flex;flex:1 1;min-height:0}.dashboard-body--blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.fetch-loader-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.fetch-loader-backdrop{background:#0003;inset:0;position:absolute}.fetch-loader-content{animation:fetch-loader-fade-in .5s ease-out;padding:2rem 3rem;position:relative;text-align:center;z-index:1}.fetch-loader-headline{color:#f1f5f9;color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:.02em;margin:0 0 .5rem}.fetch-loader-subline{color:#64748b;color:var(--text-muted);font-size:.95rem;font-weight:500;margin:0 0 1.5rem}.fetch-loader-dots{display:inline-block;min-width:1.2em;text-align:left;vertical-align:bottom}.fetch-loader-dots:after{animation:loader-dots-move 1.2s steps(4) infinite;content:"."}@keyframes loader-dots-move{0%{content:"."}33%{content:".."}66%,to{content:"..."}}.fetch-loader-bar{background:#ffffff0f;background:var(--border);border-radius:999px;height:3px;margin:0 auto;overflow:hidden;width:120px}.fetch-loader-bar:after{animation:fetch-loader-bar 1.4s ease-in-out infinite;background:#d4a853;background:var(--accent);border-radius:999px;content:"";display:block;height:100%;width:40%}@keyframes fetch-loader-bar{0%{transform:translateX(-100%)}50%{transform:translateX(250%)}to{transform:translateX(-100%)}}@keyframes fetch-loader-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1 1;min-width:0;position:relative}.loading-overlay{background:#0c1222;background:var(--bg-base);color:#64748b;color:var(--text-muted);font-size:.875rem;left:0;padding:20px;padding:var(--space-md);position:absolute;right:0;text-align:center;top:0;z-index:5}.dashboard-header{--header-btn-height:38px;background:#111827;background:var(--bg-surface);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #ffffff0f;box-shadow:var(--shadow-header);display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);padding:20px 40px;padding:var(--space-md) var(--space-xl);padding-left:28px;padding-left:var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-heading-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;gap:var(--space-md);justify-content:space-between}.header-left-col{box-sizing:border-box;flex-shrink:0;padding-left:0;padding-right:28px;padding-right:var(--space-lg);width:240px}.header-filters-left{align-items:center;display:flex;flex-shrink:0}.header-logo{flex-shrink:0}.header-logo-img{display:block;height:56px;object-fit:contain;width:auto}.header-brand-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;gap:var(--space-xs);min-width:0;text-align:center}.dashboard-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}.header-brand-center .dashboard-title{margin:0}.live-badge{align-items:center;background:var(--card-bg);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:999px;box-shadow:0 0 0 1px #0000000d;color:#f1f5f9;color:var(--text-primary);display:inline-flex;font-size:.6875rem;font-weight:700;gap:.4rem;letter-spacing:.08em;padding:.25rem .6rem;text-transform:uppercase}.live-badge-dot{animation:live-badge-blink 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 #22c55e80;flex-shrink:0;height:8px;width:8px}@keyframes live-badge-blink{0%,to{box-shadow:0 0 0 0 #22c55e80;opacity:1}50%{box-shadow:0 0 0 6px #22c55e00;opacity:.5}}.header-subtext{color:#64748b;color:var(--text-muted);font-size:.9375rem;font-weight:500;margin:0}.header-user-block{align-items:stretch;display:flex;flex-direction:row;flex-shrink:0;gap:12px;gap:var(--space-sm)}.header-user-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.header-user-label,.header-user-label-row{color:#64748b;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin:0}.header-user-label strong,.header-user-label-row strong{color:#d4a853;color:var(--accent);font-weight:600}.header-user-inline{align-items:center;display:flex;gap:12px;gap:var(--space-sm)}.header-entity-right{color:#64748b;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin:0}.header-entity-right span{color:#d4a853;color:var(--accent);font-weight:600}.header-filters-row{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;gap:var(--space-sm);justify-content:space-between}.header-left{align-items:center;display:flex;gap:28px;gap:var(--space-lg);min-width:0}.header-brand,.header-left{flex-shrink:0}.dashboard-title{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-entity{color:#64748b;color:var(--text-muted);font-size:.8125rem;font-weight:500;margin:6px 0 0;margin:var(--space-xs) 0 0}.header-entity span{color:#d4a853;color:var(--accent);font-weight:600}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-xs)}.filter-pill{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:999px;color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;justify-content:center;min-height:var(--header-btn-height);padding:0 20px;padding:0 var(--space-md);transition:color .15s,background .15s,border-color .15s}.filter-pill:hover{background:#1a2234;background:var(--surface-elevated);border-color:#ffffff1a;border-color:var(--border-strong);color:#cbd5e1;color:var(--text-secondary)}.filter-pill--active{background:#d4a85333;background:var(--accent-muted);border-color:#d4a853;border-color:var(--accent);color:#d4a853;color:var(--accent)}.filters--time{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;gap:var(--space-xs)}.filter-divider{align-self:center;background:#ffffff0f;background:var(--border);height:var(--header-btn-height);margin:0 6px;margin:0 var(--space-xs);min-height:24px;width:1px}@media (max-width:1100px){.dashboard-header{align-items:stretch}.header-filters-row{align-items:flex-start;flex-direction:column;flex-wrap:wrap}.filters--time{flex-wrap:wrap}.header-right-row{justify-content:flex-start;margin-left:0}}@media (max-width:768px){.filter-select--project{max-width:100%;min-width:180px}}@media (max-width:640px){.header-left{align-items:flex-start;flex-direction:column}.header-right-row .filters{flex-wrap:wrap}.filter-group--project{max-width:100%;width:100%}.filter-select--project{max-width:none;min-width:0;width:100%}}.filter-group--project{align-items:center;display:flex;flex-shrink:0;min-width:0}.filter-select{background:#1a2234;background:var(--surface-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.8125rem;min-height:var(--header-btn-height);min-width:160px;padding:0 20px;padding:0 var(--space-md)}.filter-select--project{max-width:520px;min-width:320px;width:auto}.filter-select--sidebar{box-sizing:border-box;max-width:none;min-height:40px;min-width:0;padding:12px 20px;padding:var(--space-sm) var(--space-md);width:100%}.filter-select:focus{border-color:#d4a853;border-color:var(--accent);outline:none}.date-range-picker{align-items:center;display:flex;gap:6px;gap:var(--space-xs)}.date-range-picker .filter-date{width:140px}.date-sep{color:#64748b;color:var(--text-muted);font-size:.875rem}.filter-date{background:#1a2234;background:var(--surface-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#f1f5f9;color:var(--text-primary);font-family:inherit;font-size:.8125rem;min-height:var(--header-btn-height);outline:none;padding:0 20px;padding:0 var(--space-md);transition:border-color .15s}.filter-date:focus{border-color:#d4a853;border-color:var(--accent)}.filter-apply{align-items:center;background:#d4a85333;background:var(--accent-muted);border:1px solid #d4a85366;border-radius:8px;border-radius:var(--radius-sm);color:#d4a853;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;justify-content:center;min-height:var(--header-btn-height);padding:0 20px;padding:0 var(--space-md);transition:background .15s,color .15s}.filter-apply:hover{background:#d4a8534d;color:#e4b963;color:var(--accent-hover)}.btn-refresh{align-items:center;background:#d4a853;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--btn-on-accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:6px;gap:var(--space-xs);justify-content:center;min-height:var(--header-btn-height);padding:0 28px;padding:0 var(--space-lg);transition:background .15s,transform .1s}.btn-refresh-icon{flex-shrink:0;height:1rem;width:1rem}.btn-refresh:hover{background:#e4b963;background:var(--accent-hover)}.btn-refresh:active{transform:scale(.98)}.btn-install-app{align-items:center;background:#d4a853;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--btn-on-accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:6px;gap:var(--space-xs);justify-content:center;min-height:var(--header-btn-height);padding:0 28px;padding:0 var(--space-lg);transition:background .15s,transform .1s}.btn-install-app:hover{background:#e4b963;background:var(--accent-hover)}.btn-install-app:active{transform:scale(.98)}.btn-install-app-icon{flex-shrink:0;height:1rem;width:1rem}.btn-install-dismiss{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.25rem;height:28px;justify-content:center;line-height:1;padding:0;transition:color .2s,background .2s;width:28px}.btn-install-dismiss:hover{background:#1a2234;background:var(--surface-elevated);color:var(--text)}.header-right-row{flex-wrap:wrap;gap:12px;gap:var(--space-sm);margin-left:auto}.header-filters-left--desktop,.header-right-row{align-items:center;display:flex}.header-hamburger{align-items:center;background:#1a2234;background:var(--surface-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:none;height:44px;justify-content:center;margin:0 6px 0 0;margin:0 var(--space-xs) 0 0;padding:0;transition:color .2s,background .2s,border-color .2s;width:44px}.header-hamburger:hover{background:#d4a85333;background:var(--accent-muted);border-color:#d4a853;border-color:var(--accent);color:#d4a853;color:var(--accent)}.header-hamburger svg{height:22px;width:22px}.header-time-compact{flex-shrink:0;position:relative}.header-time-compact--mobile{display:none}.header-time-trigger{align-items:center;background:#1a2234;background:var(--surface-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;min-height:40px;padding:0 20px;padding:0 var(--space-md);transition:border-color .2s,box-shadow .2s;white-space:nowrap}.header-time-trigger:hover{border-color:#ffffff1a;border-color:var(--border-strong);box-shadow:0 2px 8px #0000001f}.header-time-label{color:#cbd5e1;color:var(--text-secondary)}.header-time-chevron{color:#64748b;color:var(--text-muted);height:1rem;transition:transform .2s;width:1rem}.header-time-trigger[aria-expanded=true] .header-time-chevron{transform:rotate(180deg)}.header-time-dropdown{animation:time-dropdown-in .2s ease-out;background:#151d2e;background:var(--surface-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 12px 40px #00000040;left:0;min-width:220px;padding:6px;padding:var(--space-xs);position:absolute;top:calc(100% + 6px);z-index:100}@keyframes time-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-time-option{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:block;font-family:inherit;font-size:.875rem;font-weight:500;padding:12px 20px;padding:var(--space-sm) var(--space-md);text-align:left;transition:background .15s,color .15s;width:100%}.header-time-option:hover{background:#1a2234;background:var(--surface-elevated);color:#f1f5f9;color:var(--text-primary)}.header-time-option[aria-selected=true]{background:#d4a85333;background:var(--accent-muted);color:#d4a853;color:var(--accent)}.header-time-custom{border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;gap:var(--space-sm);margin-top:6px;margin-top:var(--space-xs);padding-top:12px;padding-top:var(--space-sm)}.header-time-custom-label{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.date-range-picker--compact{align-items:center;display:flex;gap:6px;gap:var(--space-xs)}.date-range-picker--compact .filter-date{flex:1 1;min-width:0;width:100%}.filter-apply--block{width:100%}.filter-drawer-backdrop{background:#0006;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:500}.filter-drawer-backdrop--open{opacity:1;pointer-events:auto}.filter-drawer-panel{background:#111827;background:var(--bg-surface);border-left:1px solid #ffffff0f;border-left:1px solid var(--border);bottom:0;box-shadow:-8px 0 32px #0003;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);width:min(340px,100vw);z-index:501}.filter-drawer-panel--open{transform:translateX(0)}.filter-drawer-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:28px;padding:var(--space-lg)}.filter-drawer-title{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0}.filter-drawer-close{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:color .2s,background .2s,border-color .2s;width:44px}.filter-drawer-close:hover{background:#1a2234;background:var(--surface-elevated);border-color:#ffffff1a;border-color:var(--border-strong);color:#f1f5f9;color:var(--text-primary)}.filter-drawer-close svg{height:20px;width:20px}.filter-drawer-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:28px;padding:var(--space-lg)}.filter-drawer-block{margin-bottom:40px;margin-bottom:var(--space-xl)}.filter-drawer-block:last-of-type{margin-bottom:28px;margin-bottom:var(--space-lg)}.filter-drawer-done{background:#d4a853;background:var(--accent);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;color:#fff;color:var(--btn-on-accent);cursor:pointer;display:block;font-family:inherit;font-size:.9375rem;font-weight:600;margin-top:20px;margin-top:var(--space-md);padding:20px 28px;padding:var(--space-md) var(--space-lg);transition:background .2s,transform .05s;width:100%}.filter-drawer-done:hover{background:#e4b963;background:var(--accent-hover)}.filter-drawer-done:active{transform:scale(.98)}.header-logout-btn{align-items:center;align-self:stretch;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:2.5rem;padding:0;transition:color .15s,background .15s,border-color .15s;width:2.25rem}.header-logout-btn:hover{background:#b91c1c1f;background:var(--leakage-bg);border-color:#b91c1c59;border-color:var(--leakage-border);color:#fecaca;color:var(--leakage-value)}.header-logout-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.tabs{background:#111827;background:var(--bg-surface);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;gap:0;padding:0 40px;padding:0 var(--space-xl)}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;margin-bottom:-1px;padding:20px 28px;padding:var(--space-md) var(--space-lg);transition:color .15s,border-color .15s}.tab:hover{color:#cbd5e1;color:var(--text-secondary)}.tab--active{border-bottom-color:#d4a853;border-bottom-color:var(--accent);color:#d4a853;color:var(--accent)}.sidebar{background:#111827;background:var(--bg-surface);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);flex-shrink:0;padding:28px;padding:var(--space-lg);width:240px}.sidebar-block{margin-bottom:28px;margin-bottom:var(--space-lg)}.sidebar-block:last-child{margin-bottom:0}.sidebar-heading{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;margin:0 0 var(--space-sm);text-transform:uppercase}.sidebar-buttons{display:flex;flex-direction:column;gap:6px;gap:var(--space-xs)}.sidebar-btn{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:12px 20px;padding:var(--space-sm) var(--space-md);text-align:left;transition:background .15s,color .15s,border-color .15s}.sidebar-btn:hover{background:#1a2234;background:var(--surface-elevated);border-color:#ffffff1a;border-color:var(--border-strong);color:#cbd5e1;color:var(--text-secondary)}.sidebar-btn--active{border-color:#d4a853;border-color:var(--accent);color:#d4a853;color:var(--accent)}.sidebar-btn--active,.sidebar-btn--active:hover{background:#d4a85333;background:var(--accent-muted)}.sidebar-btn--active:hover{color:#e4b963;color:var(--accent-hover)}.theme-toggle{align-items:center;background:#1a2234;background:var(--surface-elevated);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:0;padding:2px}.theme-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;justify-content:center;min-height:var(--header-btn-height);min-width:var(--header-btn-height);padding:0;transition:color .15s,background .15s}.theme-btn:hover{color:#cbd5e1;color:var(--text-secondary)}.theme-btn--active{background:#d4a85333;background:var(--accent-muted);color:#d4a853;color:var(--accent)}.theme-btn--active:hover{color:#e4b963;color:var(--accent-hover)}.theme-btn--icon{font-size:1.125rem;line-height:1}.section{margin:0 auto;max-width:1600px;padding:40px;padding:var(--space-xl)}.section-title{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;margin:0 0 var(--space-sm);text-transform:uppercase}.section-title-with-info{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.35rem}.tooltip-trigger{cursor:help;position:relative}.tooltip-icon,.tooltip-trigger{align-items:center;display:inline-flex;justify-content:center}.tooltip-icon{border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:50%;color:#64748b;color:var(--text-muted);font-size:.7rem;font-weight:600;height:1rem;width:1rem}html[data-theme=dark] .tooltip-icon{border-color:#ffffff59;color:#ffffffd9}.tooltip-text{background:#1e293b;border-radius:6px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #00000059;color:#f1f5f9;font-size:.75rem;font-weight:400;left:50%;letter-spacing:0;line-height:1.4;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:none;transform:translateX(-50%);visibility:hidden;white-space:normal;width:260px;z-index:20}.tooltip-trigger:hover .tooltip-text{visibility:visible}.tooltip-trigger:hover .tooltip-text:after{border:4px solid #0000;border-top-color:#1e293b;content:"";left:50%;margin-left:-4px;position:absolute;top:100%}.section-description{line-height:1.5;margin:0 0 20px;margin:0 0 var(--space-md)}.section-banner,.section-description{color:#cbd5e1;color:var(--text-secondary);font-size:.9375rem}.section-banner{line-height:1.4;margin:0 0 28px;margin:0 0 var(--space-lg)}.section-banner--closed{font-weight:600}.section-banner--leakage{font-style:italic}.section--kpi-compact .card{padding:12px 20px;padding:var(--space-sm) var(--space-md)}.section--kpi-compact .card-value{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:1.1rem;gap:.25rem;line-height:1.3}.section--kpi-compact .card-value:has(.card-trend){overflow:visible}.kpi-grid{grid-gap:20px;grid-gap:var(--space-md);display:grid;gap:20px;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}.kpi-grid--3,.kpi-grid--leakage{grid-template-columns:repeat(3,1fr)}.kpi-grid--6{grid-template-columns:repeat(6,1fr)}@media (max-width:1200px){.kpi-grid,.kpi-grid--3,.kpi-grid--6,.kpi-grid--leakage{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-grid,.kpi-grid--3,.kpi-grid--6,.kpi-grid--leakage{grid-template-columns:1fr}}.card{background:#151d2e;background:var(--surface-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040;box-shadow:var(--shadow-card);padding:20px;padding:var(--space-md);transition:border-color .2s,background .2s}.card:hover{background:#1a2234;background:var(--surface-card-hover);border-color:#ffffff1a;border-color:var(--border-strong)}.card.danger{background:#b91c1c1f;background:var(--leakage-bg);border-color:#b91c1c59;border-color:var(--leakage-border)}.card.danger:hover{background:#b91c1c2e;border-color:#b91c1c80}.card-header-row{align-items:center;display:flex;gap:12px;gap:var(--space-sm);justify-content:space-between;margin-bottom:6px;margin-bottom:var(--space-xs)}.card-title{flex:1 1;font-size:.8125rem;letter-spacing:.01em}.card-info-icon,.card-title{color:#64748b;color:var(--text-muted);font-weight:600}.card-info-icon{align-items:center;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:50%;cursor:help;display:inline-flex;font-size:.75rem;height:1rem;justify-content:center;margin-left:.25rem;vertical-align:middle;width:1rem}.section-kpi-meta{color:#64748b;color:var(--text-muted);font-size:.875rem;font-weight:500;margin:12px 0 0;margin:var(--space-sm) 0 0;min-width:0}.card-icon{align-items:center;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.card-icon svg{height:100%;width:100%}.card-icon--above{color:#22c55e}.card-icon--below{color:#ef4444}.card-icon--neutral{color:#64748b;color:var(--text-muted);opacity:.8}html[data-theme=light] .card-icon--above{color:#15803d}html[data-theme=light] .card-icon--below{color:#b91c1c}.card-market-label{color:#64748b;color:var(--text-muted);font-size:.7rem;font-weight:500;margin-top:6px;margin-top:var(--space-xs)}.card-trend{align-items:center;display:inline-flex;font-size:.85rem;font-weight:700;gap:.08rem;margin-left:.4rem;vertical-align:middle}.card-trend-info{margin-left:.25rem;vertical-align:middle}.card-trend-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.card-trend--up{color:#22c55e}.card-trend--down{color:#ef4444}.card-trend--same{color:#64748b;color:var(--text-muted)}html[data-theme=light] .card-trend--up{color:#15803d}html[data-theme=light] .card-trend--down{color:#b91c1c}html[data-theme=light] .card-trend--same{color:#64748b}.card.danger .card-title{color:#fca5a5;color:var(--leakage-text)}.card-value{color:#f1f5f9;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.card.danger .card-value{color:#fecaca;color:var(--leakage-value)}.card-value .card-sub{color:#fca5a5;color:var(--leakage-text);display:block;font-size:.7rem;font-weight:500;margin-top:6px;margin-top:var(--space-xs);white-space:normal}.card-value-meta{font-size:.7rem;font-weight:500;margin-left:.25em;opacity:.9}.card--alert-blink .card-value-meta,.card--leak-stable .card-value-meta,.card--success .card-value-meta{opacity:1}.card--alert-blink{animation:card-blink 1.5s ease-in-out infinite;background:#b91c1c33;border:1px solid #b91c1c80}.card--alert-blink .card-title{color:#fca5a5}.card--alert-blink .card-value{color:#fecaca}@keyframes card-blink{0%,to{box-shadow:0 0 0 0 #b91c1c4d;opacity:1}50%{box-shadow:0 0 12px 2px #b91c1c66;opacity:.85}}.card--success{background:#16653433;border:1px solid #22c55e66}.card--success .card-title{color:#86efac}.card--success .card-value{color:#bbf7d0}.card--success-blink{animation:card-blink-green 1.5s ease-in-out infinite;background:#16653433;border:1px solid #22c55e80}.card--success-blink .card-title{color:#86efac}.card--success-blink .card-value{color:#bbf7d0}@keyframes card-blink-green{0%,to{box-shadow:0 0 0 0 #22c55e4d;opacity:1}50%{box-shadow:0 0 12px 2px #22c55e66;opacity:.9}}.card--warning-blink{animation:card-blink-amber 1.5s ease-in-out infinite;background:#b4530933;border:1px solid #f59e0b80}.card--warning-blink .card-title{color:#fcd34d}.card--warning-blink .card-value{color:#fde68a}@keyframes card-blink-amber{0%,to{box-shadow:0 0 0 0 #f59e0b4d;opacity:1}50%{box-shadow:0 0 12px 2px #f59e0b66;opacity:.9}}.card--leak-stable{background:#b4530926;border:1px solid #f59e0b66}.card--leak-stable .card-title{color:#fcd34d}.card--leak-stable .card-value{color:#fde68a}html[data-theme=light] .card--alert-blink .card-title,html[data-theme=light] .card--alert-blink .card-value{color:#b91c1c}html[data-theme=light] .card--success .card-title,html[data-theme=light] .card--success-blink .card-title{color:#15803d}html[data-theme=light] .card--success .card-value,html[data-theme=light] .card--success-blink .card-value{color:#166534}html[data-theme=light] .card--leak-stable .card-title,html[data-theme=light] .card--warning-blink .card-title{color:#b45309}html[data-theme=light] .card--leak-stable .card-value,html[data-theme=light] .card--warning-blink .card-value{color:#92400e}html[data-theme=light] .card.danger .card-title{color:#b91c1c}html[data-theme=light] .card.danger .card-value{color:#991b1b}.table-card--scroll{overflow-x:auto}.charts{grid-gap:28px;grid-gap:var(--space-lg);display:grid;gap:28px;gap:var(--space-lg);grid-template-columns:1fr 1fr}@media (max-width:1000px){.charts{grid-template-columns:1fr}}.chart-card{background:#151d2e;background:var(--surface-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040;box-shadow:var(--shadow-card);padding:28px;padding:var(--space-lg)}.chart-card h3{color:#cbd5e1;color:var(--text-secondary);font-size:.9375rem;font-weight:600;margin:0 0 20px;margin:0 0 var(--space-md)}.table-card{background:#151d2e;background:var(--surface-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040;box-shadow:var(--shadow-card);overflow:hidden;padding:28px;padding:var(--space-lg)}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table thead{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border)}.data-table th{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:12px 20px;padding:var(--space-sm) var(--space-md);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);color:#cbd5e1;color:var(--text-secondary);padding:20px;padding:var(--space-md)}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#1a2234;background:var(--surface-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td:first-child{color:#f1f5f9;color:var(--text-primary);font-weight:500}.loading{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:1.125rem;font-weight:500;gap:20px;gap:var(--space-md);justify-content:center;min-height:60vh;padding:56px;padding:var(--space-2xl)}.loading:before{animation:spin .7s linear infinite;border:2px solid #ffffff0f;border-top-color:#d4a853;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);content:"";height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard,.dashboard-body{min-width:0;overflow-x:hidden}@media (max-width:992px){.sidebar--desktop{display:none!important}.header-hamburger{display:inline-flex}.header-filters-left--desktop{display:none}.header-time-compact--mobile{display:block}.header-time-trigger{min-height:44px}}@media (max-width:768px){.dashboard-header{padding:12px 20px;padding:var(--space-sm) var(--space-md);padding-left:20px;padding-left:var(--space-md)}.dashboard-header,.header-heading-row{gap:12px;gap:var(--space-sm)}.header-left-col{min-width:0;padding-right:12px;padding-right:var(--space-sm);width:auto}.header-logo-img{height:44px}.header-brand-center{min-width:0}.dashboard-title{font-size:1.25rem}.header-subtext{font-size:.8125rem}.header-user-block{gap:6px;gap:var(--space-xs)}.header-entity-right,.header-user-label,.header-user-label-row{font-size:.75rem}.header-filters-row{flex-wrap:wrap;gap:12px;gap:var(--space-sm)}.header-time-compact{max-width:100%;width:100%}.header-time-trigger{justify-content:space-between;width:100%}.header-time-dropdown{left:0;min-width:0;right:0;width:100%}.header-logout-btn{min-height:44px;width:2.5rem}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 20px;padding:0 var(--space-md);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 1;min-height:44px;min-width:120px;padding:20px;padding:var(--space-md) var(--space-md);white-space:nowrap}.section{padding:20px;padding:var(--space-md)}.section-title{font-size:1.125rem}.table-card{padding:20px;padding:var(--space-md)}.table-card,.table-card--scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{font-size:.8125rem}.data-table td,.data-table th{padding:12px 20px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.chart-card{padding:20px;padding:var(--space-md)}.chart-card h3{font-size:.9375rem}}@media (max-width:576px){.dashboard-header{padding:12px;padding:var(--space-sm) var(--space-sm)}.header-heading-row{align-items:flex-start;flex-direction:column;gap:6px;gap:var(--space-xs)}.header-brand-center{align-items:flex-start;text-align:left}.dashboard-title-row{justify-content:flex-start}.dashboard-title{font-size:1.125rem}.header-subtext{font-size:.75rem}.header-user-block{flex-wrap:wrap}.filter-pill{flex:1 1 calc(50% - 3px);flex:1 1 calc(50% - var(--space-xs)/2);min-width:calc(50% - 3px);min-width:calc(50% - var(--space-xs)/2)}.date-range-picker .filter-date{min-width:0;width:100%}.date-range-picker,.filter-apply{width:100%}.sidebar{flex-direction:column;gap:20px;gap:var(--space-md)}.sidebar-block{min-width:0;width:100%}.sidebar-buttons{flex-direction:column}.sidebar-btn{text-align:center;width:100%}.section{padding:12px;padding:var(--space-sm)}.section-title{font-size:1rem}.card{padding:12px 20px;padding:var(--space-sm) var(--space-md)}.card-title{font-size:.75rem}.card-value{font-size:1.25rem}.table-card{padding:12px;padding:var(--space-sm)}.data-table td,.data-table th{font-size:.75rem;padding:6px 12px;padding:var(--space-xs) var(--space-sm)}.fetch-loader-content{padding:1.5rem}.fetch-loader-headline{font-size:1.125rem}}@media (max-width:480px){.dashboard-title{font-size:1rem}.live-badge{font-size:.625rem;padding:.2rem .5rem}.filter-pill{min-width:100%}.tabs{padding:0 6px;padding:0 var(--space-xs)}.tab{font-size:.8125rem;min-width:100px}.section--kpi-compact .card{padding:6px 12px;padding:var(--space-xs) var(--space-sm)}.section--kpi-compact .card-value{font-size:1rem}}
/*# sourceMappingURL=main.cd0900ef.css.map*/