@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{color-scheme:light;--bg: #dfe3e8;--bg-deep: #cfd5dc;--surface: rgba(247, 248, 250, .86);--surface-strong: rgba(255, 255, 255, .92);--sidebar: rgba(244, 246, 248, .94);--line: rgba(29, 37, 52, .09);--line-strong: rgba(29, 37, 52, .14);--ink: #141920;--muted: #6b7380;--accent: #538dff;--accent-strong: #2856cb;--accent-soft: rgba(83, 141, 255, .13);--success: #36a56d;--success-soft: rgba(54, 165, 109, .14);--warn: #d79243;--warn-soft: rgba(215, 146, 67, .15);--danger: #d16363;--danger-soft: rgba(209, 99, 99, .15);--shadow-lg: 0 28px 70px rgba(41, 52, 70, .14);--shadow-md: 0 18px 44px rgba(34, 43, 57, .09);--radius-shell: 32px;--radius-xl: 24px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;color:var(--ink);font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.76),transparent 24%),radial-gradient(circle at bottom right,rgba(83,141,255,.12),transparent 18%),linear-gradient(180deg,#edf0f3 0%,var(--bg) 45%,var(--bg-deep) 100%)}button,input,textarea,select{font:inherit}button{border:0}#app{min-height:100vh;padding:20px}.app-shell{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 40px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-shell);background:linear-gradient(180deg,#ffffff8a,#ffffff42);box-shadow:var(--shadow-lg);overflow:hidden;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.app-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#14192047}.app-sidebar{position:relative;z-index:50;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:26px 18px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.56),transparent 22%),var(--sidebar);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.sidebar-brand{display:grid;gap:14px}.sidebar-mobile-close{display:none;justify-self:end;padding:7px 12px;border-radius:999px;background:#14192014;color:var(--ink);font-size:.84rem;font-weight:700}.brand-mark{width:52px;height:52px;border-radius:18px;border:1px solid rgba(20,25,32,.08);display:block;object-fit:cover;background:#ffffffb8;box-shadow:0 12px 24px #14192024,inset 0 1px #ffffff47}.brand-kicker,.section-kicker,.eyebrow{margin:0;color:var(--muted);font-family:Sora,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand-title,.topbar__title,.view-title,.surface-title,.panel-title{margin:0;letter-spacing:-.03em;color:var(--ink)}.brand-title{font-family:Fraunces,serif;font-size:2rem;line-height:.96}.sidebar-nav{display:grid;gap:8px;align-content:start}.sidebar-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 14px 14px 12px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.sidebar-link:hover,.sidebar-link.is-active{border-color:#538dff1f;background:linear-gradient(180deg,#ffffffbd,#ffffff57);box-shadow:inset 0 1px #ffffffe6;transform:translateY(-1px)}.sidebar-link__icon{position:relative;width:32px;height:32px;border-radius:12px;background:#1419200d}.sidebar-link__icon:before,.sidebar-link__icon:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-link__icon[data-tab=dashboard]:before{width:16px;height:16px;border-radius:5px;border:2px solid var(--accent-strong);box-shadow:-8px 0 0 -6px var(--accent-strong),8px 0 0 -6px var(--accent-strong),0 -8px 0 -6px var(--accent-strong),0 8px 0 -6px var(--accent-strong)}.sidebar-link__icon[data-tab=products]:before{width:18px;height:12px;border-radius:4px;border:2px solid var(--accent-strong)}.sidebar-link__icon[data-tab=products]:after{width:10px;height:2px;background:var(--accent-strong);transform:translate(-50%,-11px)}.sidebar-link__icon[data-tab=history]:before{width:16px;height:16px;border-radius:999px;border:2px solid var(--accent-strong)}.sidebar-link__icon[data-tab=history]:after{width:2px;height:7px;background:var(--accent-strong);transform:translate(1px,-1px) rotate(36deg);transform-origin:center bottom}.sidebar-link__icon[data-tab=runs]:before{width:16px;height:16px;border-left:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);transform:translate(-50%,-42%) rotate(-45deg)}.sidebar-link__label{font-size:.95rem;font-weight:700}.sidebar-link__badge,.header-pill,.panel-chip,.topbar__badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(20,25,32,.07);background:#ffffffad;color:var(--muted);font-size:.8rem;font-weight:700}.sidebar-status{display:grid;gap:8px;padding:16px;border-radius:22px;border:1px solid rgba(20,25,32,.06);background:linear-gradient(180deg,#ffffffc7,#ffffff61)}.sidebar-status.is-error{border-color:#d1636329;background:linear-gradient(180deg,#fff7f7eb,#fff1f1a3)}.sidebar-status__label{margin:0;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sidebar-status__message{margin:0;font-size:.92rem;line-height:1.45}.app-main{display:grid;gap:18px;align-content:start;min-width:0;padding:24px 24px 26px}.topbar{display:flex;justify-content:space-between;gap:18px;padding:4px 4px 0}.topbar__intro{display:flex;gap:16px;min-width:0}.topbar__menu{display:none;align-self:flex-start;padding:10px 14px;border-radius:14px;background:#14192014;color:var(--ink);font-size:.88rem;font-weight:700}.topbar__title{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,2.85rem);line-height:1}.topbar__copy,.view-copy,.panel-copy{margin:8px 0 0;max-width:72ch;color:var(--muted);line-height:1.6}.topbar__actions{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-banner{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 16px;border-radius:18px;border:1px solid rgba(83,141,255,.12);background:#ffffff9e;color:var(--ink);font-size:.92rem;font-weight:600}.status-banner.is-error{border-color:#d163632e;background:#fff7f7e0;color:#8c3a3a}.status-banner__dot{width:10px;height:10px;border-radius:999px;background:var(--success);box-shadow:0 0 0 6px #36a56d1f}.status-banner.is-error .status-banner__dot{background:var(--danger);box-shadow:0 0 0 6px #d163631a}.view-shell,.view-stack{display:grid;gap:18px;min-width:0}.view-header,.surface-head,.panel-header-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.view-title{font-family:Fraunces,serif;font-size:clamp(1.6rem,2vw,2rem);line-height:1.04}.surface-title,.panel-title{font-family:Sora,sans-serif;font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.surface,.panel-block{border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffffd6,#ffffff94),var(--surface);box-shadow:var(--shadow-md)}.metric-card{display:grid;gap:8px;padding:18px 18px 20px}.metric-card[data-tone=accent]{background:linear-gradient(180deg,#ffffffe6,#e8f0ffd1),var(--surface)}.metric-card[data-tone=success]{background:linear-gradient(180deg,#ffffffe6,#eef9f4d6),var(--surface)}.metric-card__label,.chart-summary__label{margin:0;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-card__value,.chart-summary__value{margin:0;font-family:Sora,sans-serif;font-size:clamp(1.65rem,2vw,2.3rem);font-weight:700;letter-spacing:-.04em}.chart-summary__value--small{font-size:1.05rem;letter-spacing:-.02em}.metric-card__detail{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.content-grid{display:grid;gap:18px;min-width:0}.content-grid--overview{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr)}.content-grid--products{grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr)}.content-grid--history{grid-template-columns:minmax(260px,.7fr) minmax(0,1.5fr)}.surface,.panel-block{display:grid;gap:16px;padding:22px;min-width:0}.surface--chart{gap:18px}.surface--rail,.surface--selector{align-content:start}.panel-block--embedded{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.chart-summary,.header-pills{display:flex;gap:12px;flex-wrap:wrap}.chart-summary{align-items:flex-start}.range-switcher{display:inline-flex;padding:4px;border-radius:999px;background:#1419200f}.range-switcher__button{min-width:56px;padding:9px 14px;border-radius:999px;background:transparent;color:var(--muted);font-size:.84rem;font-weight:700;cursor:pointer}.range-switcher__button.is-active{background:#ffffffeb;color:var(--ink);box-shadow:0 10px 24px #1e2c4014}.trend-chart{display:grid;gap:12px}.trend-chart__svg{width:100%;height:auto;overflow:visible}.trend-chart__grid{stroke:#14192014;stroke-dasharray:4 10}.trend-chart__grid-label{fill:#6b7380db;font-family:Sora,sans-serif;font-size:11px;text-anchor:end}.trend-chart__area{fill:url(#trendAreaGradient)}.trend-chart__line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-chart__focus-ring{fill:#538dff2e}.trend-chart__focus-dot{fill:var(--accent);stroke:#fffffff5;stroke-width:3}.trend-chart__labels{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem;font-weight:700}.product-chip-row,.spotlight-list,.selector-list{display:grid;gap:12px}.product-chip-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.product-chip,.selector-card,.spotlight-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid rgba(20,25,32,.07);background:#ffffff9e;color:var(--ink)}.product-chip,.selector-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.product-chip:hover,.product-chip.is-active,.selector-card:hover,.selector-card.is-active{border-color:#538dff2e;box-shadow:0 18px 32px #374a6514;transform:translateY(-1px)}.product-chip__title,.spotlight-card__title,.selector-card__title{display:block;margin:0;font-size:.95rem;font-weight:800;line-height:1.35}.product-chip__value,.spotlight-card__price{font-family:Sora,sans-serif;font-size:.94rem;font-weight:700}.spotlight-card__meta,.selector-card__meta{margin:4px 0 0;color:var(--muted);font-size:.82rem}.product-form{display:grid;gap:18px}.field,.field-row,.search-terms-field{display:grid;gap:10px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.field-label,.field-meta{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:16px;background:#ffffffdb;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}input:focus{outline:none;border-color:#538dff6b;box-shadow:0 0 0 4px #538dff1f;transform:translateY(-1px)}.field-checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:700}.field-checkbox input{width:18px;min-height:18px;height:18px;padding:0}.field-hint{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.multi-input{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:56px;padding:10px;border:1px solid var(--line-strong);border-radius:18px;background:#ffffffd6;cursor:text;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.multi-input:focus-within{border-color:#538dff6b;box-shadow:0 0 0 4px #538dff1f;transform:translateY(-1px)}.multi-input.is-disabled{opacity:.72;cursor:not-allowed}.multi-input-pill,.term-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px 10px 6px 12px;border-radius:999px;border:1px solid rgba(83,141,255,.14);background:#538dff1f;color:var(--accent-strong);font-size:.82rem;font-weight:800}.multi-input-pill__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-input-pill__remove{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#538dff2e;color:var(--accent-strong);font-size:.98rem;cursor:pointer}.multi-input-field{flex:1 1 180px;min-width:140px;min-height:38px;padding:6px 4px;border:0;border-radius:12px;background:transparent;box-shadow:none}.multi-input-field:focus{box-shadow:none;transform:none}.multi-input-action{display:inline-flex;align-items:center;align-self:stretch}.action-row,.table-actions,.filters,.run-filter-row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid rgba(20,25,32,.08);border-radius:14px;background:#ffffffd6;color:var(--ink);font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #242f4214}.btn:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}.btn-solid{border-color:#14192024;background:linear-gradient(180deg,#1c222cfa,#353d4af0);color:#fff}.btn-ghost{background:#ffffff70}.btn-mini{min-height:34px;padding:7px 10px;border-radius:12px;font-size:.8rem}.btn-pill{border-radius:999px;min-height:40px;padding-inline:16px}.btn-danger{color:#924646;background:#fff4f4cc}.table-wrap{min-width:0;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{padding:14px 8px;border-bottom:1px solid rgba(20,25,32,.07);text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.row-selected{background:#538dff0d}.badge-active,.badge-paused,.badge-running{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:800}.badge-active{background:var(--success-soft);color:var(--success)}.badge-paused{background:var(--danger-soft);color:var(--danger)}.badge-running{background:var(--warn-soft);color:var(--warn)}.empty-cell{color:var(--muted);font-style:italic}.table-link{color:var(--accent-strong);font-weight:800;text-underline-offset:3px}.run-filter-input{max-width:220px}@media (max-width: 1240px){.overview-grid,.overview-grid--runs{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--overview,.content-grid--products,.content-grid--history{grid-template-columns:1fr}}@media (max-width: 980px){#app{padding:14px}.app-shell{grid-template-columns:1fr;min-height:calc(100vh - 28px)}.app-sidebar{position:absolute;inset:0 auto 0 0;width:min(320px,86vw);transform:translate(-102%);transition:transform .22s ease;box-shadow:24px 0 46px #181f2a1f}.app-sidebar.is-open{transform:translate(0)}.sidebar-mobile-close,.topbar__menu{display:inline-flex}.app-main{padding:18px}.topbar{flex-direction:column}.topbar__actions{justify-content:flex-start}}@media (max-width: 760px){.overview-grid,.overview-grid--runs,.field-row{grid-template-columns:1fr}.surface,.panel-block,.metric-card{padding:18px}.surface-head,.view-header,.panel-header-row,.field-header{flex-direction:column;align-items:flex-start}.chart-summary,.product-chip-row{grid-template-columns:1fr}.table,.table thead,.table tbody,.table tr,.table td{display:block;width:100%}.table{min-width:100%}.table thead{display:none}.table tr{padding:12px 0;border-bottom:1px solid rgba(20,25,32,.07)}.table td{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border:0;text-align:right}.table td:before{content:attr(data-label);color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:left}.table-actions{justify-content:flex-end}.multi-input-field,.run-filter-input{max-width:100%}.multi-input-action,.btn-pill{width:100%}}@media (max-width: 560px){#app{padding:10px}.app-main{padding:14px}.brand-title{font-size:1.75rem}.topbar__title{font-size:1.9rem}.btn,.topbar__badge,.header-pill,.sidebar-link__badge,.topbar__actions,.action-row,.table-actions,.run-filter-row{width:100%}.table td{flex-direction:column;align-items:flex-start;text-align:left}}
