:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-app: #f5f7fa;--bg-surface: #ffffff;--bg-surface-soft: #f8fafb;--bg-surface-muted: #f8fafc;--border-subtle: #eef2f7;--border-default: #e8ebf0;--border-strong: #e2e8f0;--text-strong: #1f2d3d;--text-default: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--text-disabled: #cbd5e1;--state-success: #0f766e;--state-success-soft: #ecfdf5;--state-success-border: #bbf7d0;--state-info: #2563eb;--state-info-soft: #eff6ff;--state-info-border: #bfdbfe;--state-accent: #6366f1;--state-accent-soft: #eef2ff;--state-accent-border: #c7d2fe;--state-warning: #d97706;--state-warning-soft: #fff7ed;--state-warning-border: #fed7aa;--state-danger: #dc2626;--state-danger-soft: #fef2f2;--state-danger-border: #fecaca;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 10px 24px rgba(15, 23, 42, .08);--shadow-md: 0 20px 40px rgba(15, 23, 42, .1);--store-no: #0f766e;--store-se: #2563eb;--store-dk: #dc2626;--store-fi: #7c3aed;--store-de: #ea580c;--store-nl: #f97316;--store-uk: #0891b2;--store-eu: #6366f1;--chart-teal: #0f766e;--chart-teal-soft: #14b8a6;--chart-indigo: #6366f1;--chart-amber: #f59e0b;--chart-rose: #ec4899;--chart-red: #dc2626;--chart-slate: #cbd5e1;--chart-navy: #1f2d3d}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg-app);color:var(--text-default)}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh;background:var(--bg-app);font-family:var(--font-sans)}.app-shell--centered{align-items:center;justify-content:center}.app-nav{width:200px;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:20px 10px;font-size:13px;flex-shrink:0}.app-nav__brand{display:flex;align-items:center;gap:8px;padding:0 8px;margin-bottom:24px}.app-nav__brand-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--chart-teal),var(--chart-teal-soft));display:flex;align-items:center;justify-content:center;color:#fff}.app-nav__brand-title{font-size:14px;font-weight:700;color:var(--text-strong);letter-spacing:-.2px}.app-nav__brand-subtitle{font-size:9px;color:var(--text-faint);font-weight:500;letter-spacing:.3px}.app-nav__menu{flex:1}.app-nav__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:none;cursor:pointer;background:transparent;color:var(--text-muted);font-weight:500;font-size:13px;margin-bottom:1px;transition:all .1s ease}.app-nav__item--active{background:color-mix(in srgb,var(--state-success) 10%,white);color:var(--state-success);font-weight:600}.app-nav__footer{padding:12px 10px;border-top:1px solid var(--border-subtle);font-size:10px;color:var(--text-faint)}.app-nav__footer-muted{margin-top:2px;color:var(--text-disabled)}.app-main{flex:1;padding:24px 28px;max-width:1280px;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:700;color:var(--text-strong);margin:0;letter-spacing:-.3px}.page-subtitle{font-size:12px;color:var(--text-faint);margin-top:2px}.section-stack{display:grid;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-row--between{justify-content:space-between}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.control-label{font-size:10px;color:var(--text-faint);text-transform:uppercase;font-weight:700;letter-spacing:.4px;margin-bottom:6px}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-strong{color:var(--text-strong)}.empty-state{padding:32px 12px;text-align:center;color:var(--text-faint);font-size:13px}.empty-state__title{font-size:13px;font-weight:700;color:var(--text-strong);margin-bottom:6px}.select-control{width:100%;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-strong);font-size:13px;font-weight:700;padding:0 12px}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.app-shell{display:block}.app-nav{position:static;width:100%;height:auto}.app-main{max-width:none;padding:20px 16px}.grid-2,.grid-4{grid-template-columns:minmax(0,1fr)}}.ui-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-default);min-width:0;max-width:100%;box-sizing:border-box}.ui-card--tight{padding:14px}.ui-card--soft{background:var(--bg-surface-soft)}.ui-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.ui-card-title__label{font-size:14px;font-weight:700;color:var(--text-strong)}.ui-card-title__meta{font-size:11px;color:var(--text-faint)}.ui-kpi-card{position:relative;overflow:hidden;padding:16px 20px}.ui-kpi-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--kpi-accent, var(--state-success))}.ui-kpi-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ui-kpi-card__content{min-width:0;flex:1}.ui-kpi-card__label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#8492a6;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.ui-kpi-card__value{font-size:24px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"tnum"}.ui-kpi-card__compare{font-size:11px;color:var(--text-faint);margin-top:3px;white-space:nowrap;display:flex;align-items:center;gap:6px}.ui-kpi-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.ui-kpi-card__icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--kpi-accent, var(--state-success)) 12%,white);color:var(--kpi-accent, var(--state-success))}.ui-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chip-accent, var(--text-strong)) 14%,var(--border-strong));background:var(--bg-surface);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.ui-filter-chip--active{background:color-mix(in srgb,var(--chip-accent, var(--state-success)) 13%,white);color:var(--chip-accent, var(--state-success));border-color:color-mix(in srgb,var(--chip-accent, var(--state-success)) 24%,var(--border-strong))}.ui-segmented{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius-md);background:var(--bg-surface-muted);border:1px solid var(--border-strong)}.ui-segmented__button{height:30px;padding:0 12px;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:800;cursor:pointer}.ui-segmented__button--active{background:var(--text-strong);color:#fff}.ui-note-strip{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-soft)}.ui-note-strip--warning{background:#fffdf7;border-color:#f3e8d1}.ui-note-strip--soft{background:var(--bg-surface-muted)}.ui-note-strip__title{font-size:12px;font-weight:700;color:var(--text-strong);margin-bottom:4px}.ui-note-strip__body{font-size:12px;color:var(--text-muted);line-height:1.6}.ui-note-strip__meta{font-size:11px;color:var(--text-faint);margin-top:6px}.ui-table-shell{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse;font-size:12px}.ui-table thead tr{border-bottom:2px solid #f1f3f8}.ui-table th{padding:8px 10px;text-align:left;color:#8492a6;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ui-table td{padding:10px;border-bottom:1px solid #f7f8fa}.ui-table tbody tr:last-child td{border-bottom:none}.ui-chart-shell{display:flex;flex-direction:column;gap:12px}.ui-chart-shell__frame{position:relative;width:100%;height:300px}.ui-chart-shell__frame--tall{height:360px}.ui-chart-note{font-size:11px;color:var(--text-faint)}.ui-chart-legend{display:flex;flex-wrap:wrap;gap:8px}.ui-chart-legend__item{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--bg-surface-muted);color:var(--text-default);font-size:11px;font-weight:700}.ui-chart-legend__dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}