@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-main:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#eef2f8;--border-card:#0f172a1a;--border-hover:#0f172a2e;--accent-blue:#0284c7;--accent-purple:#7c3aed;--accent-blue-glow:#0284c714;--accent-purple-glow:#7c3aed14;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--sidebar-width:260px;--header-height:70px;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass-blur:blur(16px);--chart-grid:#0000000f;--bg-card-highlight:#00000005;--online-current:#6366f1;--online-yoy:#ec4899;--retail-current:#059669;--retail-yoy:#2dd4bf}:root[data-vpd-theme=dark]{--bg-main:var(--vpd-bg);--bg-sidebar:var(--vpd-surface);--bg-card:var(--vpd-surface);--bg-card-hover:var(--vpd-surface-2);--border-card:var(--vpd-line);--border-hover:var(--vpd-line-2);--accent-blue:var(--vpd-accent);--accent-purple:var(--vpd-accent-2);--accent-blue-glow:color-mix(in srgb, var(--vpd-accent) 22%, transparent);--accent-purple-glow:color-mix(in srgb, var(--vpd-accent-2) 22%, transparent);--text-primary:var(--vpd-ink);--text-secondary:var(--vpd-ink-2);--text-muted:var(--vpd-muted);--chart-grid:color-mix(in srgb, var(--vpd-ink) 14%, transparent);--bg-card-highlight:var(--vpd-surface-2)}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-x:hidden}h1,h2,h3,.page-title,.logo-text{letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#00000026}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-card);z-index:100;flex-direction:column;height:100vh;padding:24px;display:flex;position:fixed;box-shadow:1px 0 #0f172a08,4px 0 24px -18px #0f172a40}.logo-container{align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-text{background:linear-gradient(135deg, var(--accent-blue), #4cc9f0);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:20px;font-weight:800}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-blue);box-shadow:0 4px 20px var(--accent-blue-glow);background:linear-gradient(90deg,#0284c71a 0%,#7c3aed08 100%);border:1px solid #0284c733}.nav-fav{opacity:.28;transition:opacity .15s,transform .15s}.nav-item:hover .nav-fav{opacity:.7}.nav-fav:hover{transform:scale(1.2);opacity:1!important}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex-grow:1;min-height:100vh;display:flex}.main-header{height:var(--header-height);border-bottom:1px solid var(--border-card);background:linear-gradient(#fff,#fbfcff);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:relative;box-shadow:0 6px 22px -16px #0f172a59}.main-header:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));opacity:.55;height:2px;position:absolute;bottom:-1px;left:0;right:0}.page-title{font-size:22px;font-weight:700}.main-content{flex-grow:1;padding:32px}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:24px;box-shadow:0 1px 3px #0f172a0d,0 14px 32px -16px #0f172a33}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 2px 6px #0f172a0f,0 22px 46px -18px #0f172a47}.grid-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:20px;margin-bottom:28px;display:grid}.grid-charts{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=1024px){.grid-charts{grid-template-columns:1fr}}.grid-tables{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.kpi-card{flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent-blue);width:4px;height:100%;position:absolute;top:0;left:0}.kpi-card.profit:before{background:var(--accent-purple)}.kpi-card.margin:before{background:var(--color-success)}.kpi-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.kpi-value{letter-spacing:-.5px;font-size:28px;font-weight:800}.filter-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.filter-select{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);outline:none;padding:10px 16px;font-size:14px}.filter-select:hover{border-color:var(--border-hover)}.filter-select option{background:var(--bg-sidebar)}.table-container{margin-top:12px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-card);padding:14px 16px;font-size:13px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-card);color:var(--text-primary);padding:14px 16px;font-size:14px}.custom-table tr:hover td{background:#00000005}.chat-container{flex-direction:column;height:calc(100vh - 170px);display:flex}.chat-messages{flex-direction:column;flex-grow:1;gap:16px;margin-bottom:16px;padding-right:8px;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-lg);max-width:80%;padding:16px;font-size:14px;line-height:1.5}.message-bubble.user{background:var(--accent-blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.ai{background:var(--bg-card);border:1px solid var(--border-card);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{align-items:center;gap:12px;display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:var(--radius-lg);transition:var(--transition-smooth);outline:none;flex-grow:1;padding:14px 20px;font-size:14px}.chat-input:focus{border-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue-glow)}.chat-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);border:none;padding:14px 24px;font-weight:600;box-shadow:0 4px 14px #7209b74d}.chat-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7209b766}.chat-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 8px;font-size:11px;font-weight:600}.badge.spike{color:var(--color-success);background:#10b98126;border:1px solid #10b98140}.badge.drop{color:var(--color-danger);background:#f43f5e26;border:1px solid #f43f5e40}.explain-panel{background:linear-gradient(#0f1628b3 0%,#7209b70d 100%);border:1px solid #7209b740;margin-top:24px;position:relative}.explain-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.loader-container{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.spinner{border:3px solid #ffffff0d;border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.mobile-nav-toggle{border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:7px;display:none}.mobile-nav-overlay{display:none}.chat-drawer{z-index:8950;background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;flex-direction:column;width:440px;max-width:calc(100vw - 32px);height:660px;max-height:calc(100vh - 48px);display:none;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 24px 60px #0006}.chat-drawer.open{display:flex}.header-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters-toggle{display:none}@media (width<=768px){.filters-toggle{border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#ffffff08;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.header-filters{width:100%;display:none}.header-filters.open{display:flex}html,body{max-width:100vw;overflow-x:hidden}.sidebar{width:270px;padding:20px;transition:transform .25s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:0 0 50px #00000059}.mobile-nav-overlay{z-index:99;background:#00000073;display:block;position:fixed;inset:0}.main-wrapper{max-width:100vw;margin-left:0;overflow-x:hidden}.main-content{overflow-wrap:anywhere;max-width:100vw;padding:14px;overflow-x:hidden}.main-header{z-index:50;position:sticky;top:0;gap:10px!important;padding:10px 14px!important}.main-header>div{min-width:0;max-width:100%}.mobile-nav-toggle{flex:none;display:flex}.page-title{white-space:normal;overflow-wrap:anywhere;font-size:17px}.main-content [style*="display: flex"],.main-content [style*=display\:flex]{flex-wrap:wrap}.main-content *{min-width:0}.main-content [style*="grid-template-columns: repeat"],.main-content [style*=grid-template-columns\:repeat]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.main-content table{white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.main-content .recharts-responsive-container,.main-content .recharts-wrapper{max-width:100%!important}.chat-drawer{border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0}}@media (width<=640px){.main-content [style*=grid-template-columns]{grid-template-columns:1fr!important}.main-content [style*=min-width\:]{min-width:0!important}.main-content [style*="width: 3"],.main-content [style*=width\:3],.main-content [style*="width: 4"],.main-content [style*=width\:4]{max-width:100%!important}.main-content h1{font-size:20px}.main-content h2{font-size:17px}}@keyframes otrok-jump{0%,to{transform:translateY(0)scaleY(1)}10%{transform:translateY(0)scaleY(.86)}45%{transform:translateY(-46px)scaleY(1.06)}60%{transform:translateY(-46px)scaleY(1.06)}90%{transform:translateY(0)scaleY(.9)}}.otrok-jump{filter:drop-shadow(0 6px 4px #00000059);animation:1.15s cubic-bezier(.28,.84,.42,1) infinite otrok-jump}@keyframes otrok-shadow{0%,to{opacity:.45;transform:scaleX(1)}50%{opacity:.2;transform:scaleX(.55)}}.otrok-shadow{background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;width:70px;height:12px;margin-top:-14px;animation:1.15s cubic-bezier(.28,.84,.42,1) infinite otrok-shadow}.otrok-dots{justify-content:center;gap:7px;display:flex}.otrok-dots span{background:var(--accent-blue,#0284c7);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite otrok-dots}.otrok-dots span:nth-child(2){animation-delay:.2s}.otrok-dots span:nth-child(3){animation-delay:.4s}@keyframes otrok-dots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}:root,[data-vpd-theme=light]{--vpd-bg:#fff;--vpd-surface:#fff;--vpd-surface-2:#f3f6fb;--vpd-surface-3:#e8edf5;--vpd-ink:#0f172a;--vpd-ink-2:#475569;--vpd-muted:#64748b;--vpd-line:#e2e8f0;--vpd-line-2:#cbd5e1;--vpd-accent:#0284c7;--vpd-accent-ink:#0369a1;--vpd-accent-2:#7c3aed;--vpd-good:#10b981;--vpd-warn:#f59e0b;--vpd-crit:#ef4444;--vpd-good-bg:#e7f7f0;--vpd-warn-bg:#fdf3e2;--vpd-crit-bg:#fdeceb;--vpd-good-ink:#0b7a54;--vpd-warn-ink:#9a6300;--vpd-crit-ink:#b42622;--vpd-cz:#3a6ea5;--vpd-sk:#a5573a;--vpd-c-online:#6366f1;--vpd-c-online-yoy:#ec4899;--vpd-c-retail:#059669;--vpd-c-retail-yoy:#2dd4bf;--vpd-e1:0 1px 3px #0f172a0f, 0 10px 26px -12px #0f172a2e;--vpd-e2:0 2px 6px #0f172a0f, 0 18px 40px -18px #0f172a33;--vpd-e3:0 4px 12px #0f172a1a, 0 30px 60px -24px #0f172a52;--vpd-focus:0 0 0 2px var(--vpd-bg), 0 0 0 4px var(--vpd-accent);--vpd-skeleton-a:#eef2f7;--vpd-skeleton-b:#e2e8f0}@media (prefers-color-scheme:dark){[data-vpd-theme]:not([data-vpd-theme=light]){--vpd-bg:#0b1220;--vpd-surface:#111a2b;--vpd-surface-2:#16223a;--vpd-surface-3:#1c2b46;--vpd-ink:#e8eefb;--vpd-ink-2:#a5b4cb;--vpd-muted:#8595ad;--vpd-line:#22304a;--vpd-line-2:#2c3d5c;--vpd-accent:#38bdf8;--vpd-accent-ink:#7dd3fc;--vpd-accent-2:#a78bfa;--vpd-good:#34d399;--vpd-warn:#fbbf24;--vpd-crit:#fb7185;--vpd-good-bg:#0f2a20;--vpd-warn-bg:#2a2110;--vpd-crit-bg:#2c1418;--vpd-good-ink:#6ee7b7;--vpd-warn-ink:#fcd34d;--vpd-crit-ink:#fda4af;--vpd-cz:#6ea0d6;--vpd-sk:#d68a6e;--vpd-e1:0 1px 2px #0006, 0 10px 30px -16px #0009;--vpd-e2:0 2px 8px #00000080, 0 22px 50px -20px #000000b3;--vpd-e3:0 4px 14px #0009, 0 34px 64px -24px #000c;--vpd-skeleton-a:#16223a;--vpd-skeleton-b:#1f2f4c}}[data-vpd-theme=dark]{--vpd-bg:#0b1220;--vpd-surface:#111a2b;--vpd-surface-2:#16223a;--vpd-surface-3:#1c2b46;--vpd-ink:#e8eefb;--vpd-ink-2:#a5b4cb;--vpd-muted:#8595ad;--vpd-line:#22304a;--vpd-line-2:#2c3d5c;--vpd-accent:#38bdf8;--vpd-accent-ink:#7dd3fc;--vpd-accent-2:#a78bfa;--vpd-good:#34d399;--vpd-warn:#fbbf24;--vpd-crit:#fb7185;--vpd-good-bg:#0f2a20;--vpd-warn-bg:#2a2110;--vpd-crit-bg:#2c1418;--vpd-good-ink:#6ee7b7;--vpd-warn-ink:#fcd34d;--vpd-crit-ink:#fda4af;--vpd-cz:#6ea0d6;--vpd-sk:#d68a6e;--vpd-e1:0 1px 2px #0006, 0 10px 30px -16px #0009;--vpd-e2:0 2px 8px #00000080, 0 22px 50px -20px #000000b3;--vpd-e3:0 4px 14px #0009, 0 34px 64px -24px #000c;--vpd-skeleton-a:#16223a;--vpd-skeleton-b:#1f2f4c}:root{--vpd-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vpd-mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--vpd-fs-display:34px;--vpd-lh-display:1.1;--vpd-fw-display:700;--vpd-fs-title-1:23px;--vpd-fw-title-1:700;--vpd-fs-title-2:19px;--vpd-fw-title-2:650;--vpd-fs-body:15px;--vpd-lh-body:1.6;--vpd-fs-label:12px;--vpd-fw-label:650;--vpd-ls-label:.06em;--vpd-s1:4px;--vpd-s2:8px;--vpd-s3:12px;--vpd-s4:16px;--vpd-s5:24px;--vpd-s6:32px;--vpd-s7:48px;--vpd-r-card:16px;--vpd-r-elem:10px;--vpd-r-chip:999px;--vpd-r-sm:6px;--vpd-t1:.15s;--vpd-t2:.25s;--vpd-t3:.4s;--vpd-ease:cubic-bezier(.16, 1, .3, 1);--vpd-sidebar:260px;--vpd-header:64px;--vpd-drawer:max(380px, 33vw)}.vpd-root{font-family:var(--vpd-font);color:var(--vpd-ink);background:var(--vpd-bg);font-size:var(--vpd-fs-body);line-height:var(--vpd-lh-body);-webkit-font-smoothing:antialiased}.vpd-mono{font-family:var(--vpd-mono);font-variant-numeric:tabular-nums}.vpd-num{font-variant-numeric:tabular-nums}.vpd-label{font-size:var(--vpd-fs-label);font-weight:var(--vpd-fw-label);letter-spacing:var(--vpd-ls-label);text-transform:uppercase;color:var(--vpd-muted)}.vpd-card{background:var(--vpd-surface);border:1px solid var(--vpd-line);border-radius:var(--vpd-r-card);box-shadow:var(--vpd-e1);padding:var(--vpd-s5)}.vpd-chip{font-family:var(--vpd-font);border-radius:var(--vpd-r-chip);border:1px solid var(--vpd-line-2);background:var(--vpd-surface);color:var(--vpd-ink-2);cursor:pointer;transition:background var(--vpd-t1) var(--vpd-ease), border-color var(--vpd-t1) var(--vpd-ease), color var(--vpd-t1) var(--vpd-ease);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.vpd-chip:hover{border-color:var(--vpd-accent);color:var(--vpd-ink)}.vpd-chip[aria-pressed=true]{background:color-mix(in srgb, var(--vpd-accent) 12%, transparent);border-color:var(--vpd-accent);color:var(--vpd-accent-ink)}.vpd-chip[data-market=cz][aria-pressed=true]{background:color-mix(in srgb, var(--vpd-cz) 15%, transparent);border-color:var(--vpd-cz);color:var(--vpd-cz)}.vpd-chip[data-market=sk][aria-pressed=true]{background:color-mix(in srgb, var(--vpd-sk) 15%, transparent);border-color:var(--vpd-sk);color:var(--vpd-sk)}.vpd-chip:disabled{opacity:.45;cursor:not-allowed}.vpd-chip .vpd-chip-count{font-variant-numeric:tabular-nums;border-radius:var(--vpd-r-chip);background:color-mix(in srgb, var(--vpd-ink) 8%, transparent);padding:0 6px;font-size:11px}.vpd-focusable:focus-visible,.vpd-chip:focus-visible,.vpd-btn:focus-visible,.vpd-kpi:focus-visible,.vpd-table tbody tr:focus-visible,.vpd-table thead th[data-sortable=true]:focus-visible,.vpd-star:focus-visible{box-shadow:var(--vpd-focus);outline:none}.vpd-table tbody tr:focus-visible td{position:relative}.vpd-btn{font-family:var(--vpd-font);border-radius:var(--vpd-r-elem);cursor:pointer;transition:transform var(--vpd-t1) var(--vpd-ease), background var(--vpd-t1) var(--vpd-ease), box-shadow var(--vpd-t1) var(--vpd-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:650;display:inline-flex}.vpd-btn-primary{background:linear-gradient(135deg, var(--vpd-accent), var(--vpd-accent-2));color:#fff;box-shadow:0 2px 8px -1px color-mix(in srgb, var(--vpd-accent) 45%, transparent)}.vpd-btn-primary:hover{box-shadow:0 6px 18px -3px color-mix(in srgb, var(--vpd-accent) 55%, transparent);transform:translateY(-1px)}.vpd-btn-secondary{background:var(--vpd-surface);color:var(--vpd-ink);border-color:var(--vpd-line-2)}.vpd-btn-secondary:hover{background:var(--vpd-surface-2);border-color:var(--vpd-accent)}.vpd-btn-ghost{color:var(--vpd-ink-2);background:0 0}.vpd-btn-ghost:hover{background:var(--vpd-surface-2);color:var(--vpd-ink)}.vpd-btn-danger{background:var(--vpd-crit);color:#fff}.vpd-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vpd-pill{font-size:12px;font-weight:650;font-family:var(--vpd-font);border-radius:var(--vpd-r-chip);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.vpd-pill-good{background:var(--vpd-good-bg);color:var(--vpd-good-ink);border-color:color-mix(in srgb, var(--vpd-good) 30%, transparent)}.vpd-pill-warn{background:var(--vpd-warn-bg);color:var(--vpd-warn-ink);border-color:color-mix(in srgb, var(--vpd-warn) 30%, transparent)}.vpd-pill-crit{background:var(--vpd-crit-bg);color:var(--vpd-crit-ink);border-color:color-mix(in srgb, var(--vpd-crit) 30%, transparent)}.vpd-pill-neutral{background:var(--vpd-surface-2);color:var(--vpd-muted);border-color:var(--vpd-line)}.vpd-pill .vpd-pill-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.vpd-kpi{background:var(--vpd-surface);border:1px solid var(--vpd-line);border-radius:var(--vpd-r-card);padding:var(--vpd-s4) var(--vpd-s5);box-shadow:var(--vpd-e1);transition:transform var(--vpd-t2) var(--vpd-ease), box-shadow var(--vpd-t2) var(--vpd-ease);flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.vpd-kpi[data-clickable=true]{cursor:pointer}.vpd-kpi[data-clickable=true]:hover{box-shadow:var(--vpd-e2);transform:translateY(-2px)}.vpd-kpi-head{justify-content:space-between;align-items:center;display:flex}.vpd-kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.vpd-kpi-unit{color:var(--vpd-muted);margin-left:4px;font-size:15px;font-weight:600}.vpd-kpi-delta{align-items:center;gap:3px;font-size:12.5px;font-weight:700;display:inline-flex}.vpd-kpi-delta.up{color:var(--vpd-good)}.vpd-kpi-delta.down{color:var(--vpd-crit)}.vpd-kpi-delta.flat{color:var(--vpd-muted)}.vpd-kpi-foot{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.vpd-table-wrap{border:1px solid var(--vpd-line);border-radius:var(--vpd-r-card);box-shadow:var(--vpd-e1);background:var(--vpd-surface);overflow-x:auto}.vpd-table{border-collapse:collapse;width:100%;font-size:14px}.vpd-table thead th{background:var(--vpd-surface-2);text-align:left;letter-spacing:.02em;text-transform:uppercase;color:var(--vpd-muted);border-bottom:1px solid var(--vpd-line);white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:650;position:sticky;top:0}.vpd-table thead th[data-sortable=true]{cursor:pointer;-webkit-user-select:none;user-select:none}.vpd-table thead th[aria-sort=ascending],.vpd-table thead th[aria-sort=descending]{color:var(--vpd-accent-ink)}.vpd-table tbody td{border-bottom:1px solid var(--vpd-line);color:var(--vpd-ink-2);vertical-align:middle;padding:12px 16px}.vpd-table tbody tr:last-child td{border-bottom:none}.vpd-table tbody tr{transition:background var(--vpd-t1)}.vpd-table tbody tr[data-clickable=true]{cursor:pointer}.vpd-table tbody tr:hover td{background:var(--vpd-surface-2)}.vpd-table tbody tr[data-selected=true] td{background:color-mix(in srgb, var(--vpd-accent) 8%, transparent)}.vpd-table .vpd-td-num{text-align:right;font-variant-numeric:tabular-nums}.vpd-table td b,.vpd-table .vpd-td-strong{color:var(--vpd-ink);font-weight:650}.vpd-table-density-compact tbody td{padding:7px 16px}.vpd-bar-track{background:var(--vpd-surface-3);border-radius:999px;min-width:60px;height:6px;overflow:hidden}.vpd-bar-fill{background:var(--vpd-accent);border-radius:999px;height:100%}.vpd-skeleton{border-radius:var(--vpd-r-sm);background:linear-gradient(100deg, var(--vpd-skeleton-a) 40%, var(--vpd-skeleton-b) 50%, var(--vpd-skeleton-a) 60%);background-size:200% 100%;animation:1.3s linear infinite vpd-shimmer}@keyframes vpd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vpd-state{text-align:center;padding:var(--vpd-s7) var(--vpd-s5);color:var(--vpd-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.vpd-state-title{color:var(--vpd-ink-2);font-size:15px;font-weight:650}.vpd-state-sub{max-width:42ch;font-size:13px}@media (prefers-reduced-motion:reduce){.vpd-skeleton{animation:none}.vpd-kpi,.vpd-chip,.vpd-btn,.vpd-table tbody tr{transition:none}}