@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--background-dark:#0f111a;--page-glow:radial-gradient(circle at 15% 45%,rgba(57,135,229,.1),transparent 30%),radial-gradient(circle at 85% 25%,rgba(25,158,112,.06),transparent 30%);--sidebar-bg:linear-gradient(180deg,rgba(25,28,41,.85),rgba(15,17,26,.95));--panel-bg:rgba(25,28,41,.65);--panel-border:hsla(0,0%,100%,.08);--panel-inner-bg:hsla(0,0%,100%,.035);--panel-inner-border:hsla(0,0%,100%,.06);--text-primary:#f8f9fa;--text-secondary:#a7b0bd;--text-muted:#7b8494;--accent-color:#3987e5;--accent-hover:#2a78d6;--accent-soft:rgba(57,135,229,.14);--danger-color:#e66767;--success-color:#199e70;--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--border-radius:16px;--transition-speed:0.3s;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--input-bg:rgba(0,0,0,.4);--input-border:hsla(0,0%,100%,.1);--input-arrow:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7b0bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");--option-bg:#0f111a;--info-card-bg:rgba(0,0,0,.25);--info-card-border:hsla(0,0%,100%,.05);--chart-surface:#161824;--chart-grid:hsla(0,0%,100%,.07);--chart-axis:hsla(0,0%,100%,.16);--chart-dot-bg:#161824;--series-real:#199e70;--series-forecast:#3987e5;--series-band:rgba(57,135,229,.22);--overlay-bg:rgba(15,17,26,.55);--track-bg:hsla(0,0%,100%,.07);--tooltip-bg:rgba(22,24,36,.96);--tooltip-border:hsla(0,0%,100%,.14);--tooltip-text:#f8f9fa;--tooltip-text-secondary:#a7b0bd;--tooltip-shadow:0 12px 32px rgba(0,0,0,.45)}[data-theme=light]{--background-dark:#f4f5f7;--page-glow:radial-gradient(circle at 15% 45%,rgba(42,120,214,.07),transparent 32%),radial-gradient(circle at 85% 25%,rgba(27,175,122,.05),transparent 32%);--sidebar-bg:linear-gradient(180deg,#fff,#f7f8fa);--panel-bg:#fcfcfd;--panel-border:hsla(0,0%,4%,.1);--panel-inner-bg:#f5f6f8;--panel-inner-border:hsla(0,0%,4%,.07);--text-primary:#10151f;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-color:#2a78d6;--accent-hover:#1c5cab;--accent-soft:rgba(42,120,214,.1);--danger-color:#c62c2c;--success-color:#0f7d59;--glass-shadow:0 1px 2px rgba(16,21,31,.05),0 8px 24px rgba(16,21,31,.06);--status-good:#0a7d0a;--status-warning:#a56a00;--status-serious:#c05621;--status-critical:#c62c2c;--input-bg:#fff;--input-border:hsla(0,0%,4%,.16);--input-arrow:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");--option-bg:#fff;--info-card-bg:#f5f6f8;--info-card-border:hsla(0,0%,4%,.07);--chart-surface:#fcfcfd;--chart-grid:#e6e7ea;--chart-axis:#c6c8cd;--chart-dot-bg:#fff;--series-real:#1baf7a;--series-forecast:#2a78d6;--series-band:rgba(42,120,214,.16);--overlay-bg:rgba(252,252,253,.65);--track-bg:#eceef1;--tooltip-bg:#fff;--tooltip-border:hsla(0,0%,4%,.12);--tooltip-text:#10151f;--tooltip-text-secondary:#4b5563;--tooltip-shadow:0 12px 32px rgba(16,21,31,.14)}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--background-dark);background-image:var(--page-glow);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}a{color:inherit;text-decoration:none}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.75rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--glass-shadow);z-index:10;position:relative;overflow:hidden;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--series-forecast),var(--series-real))}.sidebar-header{gap:.75rem;padding:.25rem 0}.logo-icon,.sidebar-header{display:flex;align-items:center}.logo-icon{width:40px;height:40px;justify-content:center;background:var(--accent-soft);border-radius:10px;color:var(--accent-color);flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:.2rem}.logo-title{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:-.3px;line-height:1.2}.logo-badge{font-size:.65rem;font-weight:600;color:var(--accent-color);background:var(--accent-soft);border:1px solid var(--panel-border);padding:.1rem .45rem;border-radius:4px;width:-moz-fit-content;width:fit-content;letter-spacing:1px;text-transform:uppercase}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,var(--panel-border),transparent)}.nav-links{display:flex;flex-direction:column;gap:.4rem}.nav-link{padding:.75rem .85rem;border-radius:8px;font-weight:500;font-size:.9rem;color:var(--text-secondary);transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.65rem;cursor:pointer}.nav-link.active,.nav-link:hover{background:var(--accent-soft);color:var(--accent-color)}.nav-link.active{border-left:2px solid var(--accent-color);padding-left:calc(.85rem - 2px)}.sidebar-footer{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.sidebar-version{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.version-tag{font-size:.65rem;font-weight:600;background:var(--panel-inner-bg);border:1px solid var(--panel-inner-border);color:var(--success-color);padding:.15rem .5rem;border-radius:4px;letter-spacing:.5px}.main-content{flex:1 1;padding:2rem 3rem 3rem;flex-direction:column;height:100vh;overflow-y:auto}.header,.main-content{display:flex;gap:1.5rem}.header{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.page-title{font-size:1.9rem;font-weight:600;letter-spacing:-.5px}.page-subtitle{color:var(--text-secondary);margin-top:.35rem;font-size:.92rem;max-width:68ch;line-height:1.5}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--glass-shadow);transition:box-shadow var(--transition-speed) ease,background var(--transition-speed) ease,border-color var(--transition-speed) ease}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.card-title{font-size:1.05rem;letter-spacing:-.2px}.card-title,.card-title-lg{font-weight:600;color:var(--text-primary)}.card-title-lg{font-size:1.32rem;letter-spacing:-.4px}.chart-panel{padding:1.75rem 1.75rem 1.5rem}.chart-canvas{width:100%;height:clamp(360px,48vh,560px)}.card-subtitle{font-size:.82rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.5;max-width:78ch}.summary-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow);padding:.15rem 0;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease}.summary-seg{display:flex;flex-direction:column;gap:.18rem;justify-content:center;padding:1rem 1.5rem;border-left:1px solid var(--panel-inner-border);min-width:0;flex:1 1 auto}.summary-seg:first-child{border-left:none}.summary-seg.primary{flex:0 0 auto;min-width:260px;padding-right:2rem}.summary-label{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:600;color:var(--text-muted);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-hero{font-size:2.1rem;line-height:1.05;letter-spacing:-1px}.summary-hero,.summary-value{font-weight:700;color:var(--text-primary)}.summary-value{font-size:1.15rem;line-height:1.2;letter-spacing:-.3px}.summary-sub{font-size:.72rem;color:var(--text-muted);line-height:1.35}.summary-empty{font-size:.9rem;color:var(--text-secondary);padding:.5rem 0}@media (max-width:900px){.summary-seg{border-left:none;border-top:1px solid var(--panel-inner-border);flex:1 1 45%}.summary-seg:first-child{border-top:none}.summary-seg.primary{flex:1 1 100%}}.meta-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;padding:0 .25rem;font-size:.76rem;color:var(--text-muted)}.meta-strip span+span:before{content:"·";margin-right:1.4rem;color:var(--panel-border)}.meta-strip-label{font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.meta-strip .meta-strip-label+span:before{content:none;margin-right:0}.series-swatch{width:14px;height:3px;border-radius:2px;flex-shrink:0;display:inline-block}.series-swatch.dashed{background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 7px)}.series-swatch.band{height:10px;border-radius:3px;opacity:.45}.filter-bar{display:flex;flex-wrap:wrap;gap:1.25rem;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);padding:1.25rem 1.5rem;box-shadow:var(--glass-shadow);align-items:flex-end;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.filter-group{display:flex;flex-direction:column;gap:.4rem;flex:1 1;min-width:150px}.filter-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.2px}.select-input{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);padding:.7rem 2.4rem .7rem .9rem;border-radius:8px;font-family:inherit;font-size:.92rem;outline:none;cursor:pointer;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--input-arrow);background-repeat:no-repeat;background-position:right .9rem center;background-size:1em;text-overflow:ellipsis}.select-input:hover{border-color:var(--accent-color)}.select-input:focus-visible{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}.select-input option{background:var(--option-bg);color:var(--text-primary)}.ghost-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--panel-inner-bg);border:1px solid var(--panel-inner-border);color:var(--text-secondary);border-radius:8px;padding:.45rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap}.ghost-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.ghost-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.chart-legend{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center}.legend-item{display:inline-flex;align-items:center;gap:.45rem;font-size:.79rem;color:var(--text-secondary);font-weight:500}.data-table{width:100%;border-collapse:collapse;font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table td,.data-table th{text-align:right;padding:.5rem .65rem;border-bottom:1px solid var(--panel-inner-border);white-space:nowrap}.data-table td:first-child,.data-table th:first-child{text-align:left}.data-table thead th{color:var(--text-muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.5px}.data-table tbody td{color:var(--text-primary)}.table-scroll{overflow-x:auto;max-height:520px;overflow-y:auto}.table-scroll .data-table{min-width:320px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--chart-axis);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:8px}.spinner{width:36px;height:36px;border:3px solid var(--track-bg);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@media (prefers-reduced-motion:reduce){.animate-fade-in{animation:none}.spinner{animation-duration:3s}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.7rem .85rem;background:var(--panel-inner-bg);border:1px solid var(--panel-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.theme-toggle-btn:hover{background:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.theme-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.theme-toggle-btn svg{transition:transform .5s ease}.theme-toggle-btn:hover svg{transform:rotate(20deg)}@media print{.ghost-btn,.sidebar{display:none}.main-content{height:auto;overflow:visible;padding:0}.glass-panel{box-shadow:none;page-break-inside:avoid;break-inside:avoid}}