:root{color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f8fa;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center}button:disabled{cursor:not-allowed;opacity:.58}button:active:not(:disabled){transform:translateY(1px)}button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 3px #2563eb38}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100dvh}.sidebar{background:#101828;color:#fff;display:flex;flex-direction:column;gap:22px;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;min-width:0}.mark{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:flex;flex:0 0 auto;font-weight:850;height:42px;justify-content:center;width:42px}.brand h1,.brand p,.page-title h2,.page-title p,.panel h3,.panel p,.drawer h3,.drawer p,.empty-state h4,.empty-state p,.section-heading h3,.section-heading p{margin:0}.brand h1{font-size:17px;line-height:1.2}.brand p,.sidebar-footer span{color:#98a2b3;font-size:12px}.side-nav{display:grid;gap:6px}.nav-item{background:transparent;border-left:3px solid transparent;border-radius:8px;color:#d0d5dd;gap:10px;justify-content:flex-start;min-height:42px;padding:10px 11px;text-align:left;width:100%}.nav-item:hover{background:#1d2939;color:#fff}.nav-item.active{background:#eff6ff;border-left-color:#60a5fa;color:#1d4ed8;font-weight:800}.nav-item:focus-visible{box-shadow:0 0 0 3px #2563eb38}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{align-items:flex-start;background:#1d2939;border:1px solid #344054;border-radius:8px;display:flex;gap:10px;margin-top:auto;padding:12px}.sidebar-footer strong{display:block;font-size:13px;margin-bottom:5px}.sidebar-footer span{display:block;overflow-wrap:anywhere}.workspace{min-width:0;padding:24px}.topbar{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.page-title{min-width:0}.eyebrow{color:#2563eb;font-size:12px;font-weight:850;letter-spacing:0;margin:0 0 5px;text-transform:uppercase}.page-title h2{color:#172033;font-size:28px;line-height:1.15}.page-title p{color:#667085;line-height:1.45;margin-top:6px;max-width:780px}.top-actions,.toolbar-actions,.row-actions,.drawer-actions{align-items:center;display:flex;gap:10px}.top-actions{flex-wrap:wrap;justify-content:flex-end;min-width:360px}.api-status{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;gap:10px;min-height:46px;padding:9px 12px}.api-status strong,.api-status span{display:block;line-height:1.25;white-space:nowrap}.api-status strong{font-size:13px}.api-status span{color:#667085;font-size:12px}.api-status.success svg,.metric.success .metric-icon,.task-icon.success{color:#16a34a}.api-status.info svg,.metric.info .metric-icon,.task-icon.info{color:#0891b2}.metric.blue .metric-icon,.task-icon.blue{color:#2563eb}.api-status.danger svg,.task-icon.danger{color:#dc2626}.primary,.ghost,.danger,.error button{border-radius:8px;font-weight:800;min-height:40px;padding:9px 14px}.primary{background:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.ghost{background:#eef2f7;color:#263341}.ghost:hover{background:#e4eaf2}.danger{background:#fee2e2;color:#991b1b}.icon-label{gap:8px;white-space:nowrap}.compact{min-height:34px;padding:7px 10px}.error,.notice{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:18px;padding:12px}.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.error div{flex:1;min-width:0}.error strong,.error span,.notice span{display:block}.error span{overflow-wrap:anywhere}.error button{background:#fff;color:#9f1239}.notice{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-weight:800}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:16px}.metric-icon{align-items:center;background:#eff6ff;border-radius:8px;display:flex;height:36px;justify-content:center;margin-bottom:14px;width:36px}.metric span{color:#667085;display:block;font-size:12px;font-weight:750;margin-bottom:6px}.metric strong{display:block;font-size:28px;line-height:1.1}.metric small{color:#667085;display:block;line-height:1.35;margin-top:8px}.metric.warning .metric-icon,.task-icon.warning{color:#d97706}.product-loop-panel,.purchase-audit-panel,.operations-panel,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0}.product-loop-panel,.purchase-audit-panel,.operations-panel{margin-bottom:16px}.product-loop-heading{align-items:center}.product-loop-heading .eyebrow{margin-bottom:4px}.loop-signal{border-radius:999px;flex:0 0 auto;font-size:12px;font-weight:850;line-height:1.2;padding:8px 10px;white-space:nowrap}.loop-signal.success{background:#dcfce7;color:#166534}.loop-signal.warning{background:#fef3c7;color:#92400e}.loop-signal.neutral{background:#eef2f7;color:#475467}.metric-note{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:12px 18px}.metric-note>svg{color:#16a34a;flex:0 0 auto;margin-top:1px}.metric-note strong,.metric-note span{display:block}.metric-note strong{font-size:13px}.metric-note span{color:#667085;font-size:13px;line-height:1.35;margin-top:2px}.product-loop-body{display:grid;gap:12px;grid-template-columns:1fr;padding:16px 18px 18px}.loop-rate-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.loop-rate{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:13px}.loop-rate-header{align-items:center;display:flex;gap:8px;min-width:0}.loop-rate-icon{align-items:center;background:#eef2f7;border-radius:8px;display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.loop-rate-header span:last-child{color:#667085;font-size:12px;font-weight:850;line-height:1.25}.event-chip span{color:#667085;font-size:12px;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.loop-rate strong{display:block;font-size:24px;line-height:1.08;margin-top:13px}.loop-rate small{color:#667085;display:block;line-height:1.35;margin-top:7px}.loop-rate.success .loop-rate-icon{color:#16a34a}.loop-rate.warning .loop-rate-icon{color:#d97706}.loop-rate.danger .loop-rate-icon{color:#dc2626}.loop-rate.neutral .loop-rate-icon{color:#475467}.purchase-audit-body{display:grid;gap:12px;padding:16px 18px 18px}.purchase-metric-grid{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr))}.purchase-card{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:13px}.purchase-card strong{display:block;font-size:23px;line-height:1.08;margin-top:13px}.purchase-card small{color:#667085;display:block;font-size:12px;line-height:1.35;margin-top:7px}.purchase-card.info .loop-rate-icon,.purchase-card.blue .loop-rate-icon{color:#2563eb}.purchase-card.success .loop-rate-icon{color:#16a34a}.purchase-card.warning .loop-rate-icon{color:#d97706}.purchase-card.danger .loop-rate-icon{color:#dc2626}.purchase-card.neutral .loop-rate-icon{color:#475467}.purchase-revenue-strip{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-revenue-card{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;min-width:0;padding:12px 13px}.purchase-revenue-card>div{min-width:0}.purchase-revenue-card span:not(.loop-rate-icon),.purchase-revenue-card strong,.purchase-revenue-card small{display:block}.purchase-revenue-card span:not(.loop-rate-icon){color:#667085;font-size:12px;font-weight:850}.purchase-revenue-card strong{font-size:22px;line-height:1.12;margin-top:3px}.purchase-revenue-card small{color:#667085;font-size:12px;line-height:1.35;margin-top:2px}.purchase-revenue-card.warning .loop-rate-icon{color:#d97706}.purchase-revenue-card.neutral .loop-rate-icon{color:#475467}.loop-events,.loop-rates{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:13px}.loop-events-heading strong,.loop-events-heading span{display:block}.loop-events-heading strong{font-size:14px}.loop-events-heading span{color:#667085;font-size:13px;line-height:1.35;margin-top:5px}.event-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:12px}.event-chip{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:9px;min-height:54px;min-width:0;padding:9px}.event-chip>svg{color:#2563eb;flex:0 0 auto}.event-chip div{min-width:0}.event-chip span,.event-chip strong,.event-chip small{display:block}.event-chip span{white-space:normal}.event-chip strong{font-size:18px;line-height:1.1;margin-top:3px}.event-chip small{color:#667085;font-size:12px;line-height:1.25;margin-top:4px}.event-ledger,.purchase-ledger{border-top:1px solid #e5e7eb;margin:0 18px 18px;padding-top:14px}.event-ledger-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.event-ledger-heading strong,.run-filter>span{display:block;font-size:14px}.event-ledger-heading>div>span,.event-ledger-row span,.event-ledger-row time,.event-ledger-empty{color:#667085;font-size:12px}.event-ledger-heading>div>span{display:block;line-height:1.35;margin-top:4px}.run-filter{display:grid;flex:0 0 min(380px,42vw);gap:7px}.run-filter>span{color:#475467;font-size:12px;font-weight:850;text-transform:uppercase}.run-filter select{min-height:38px}.dedupe-warning{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;display:flex;gap:8px;margin-top:12px;padding:10px 12px}.dedupe-warning svg{flex:0 0 auto}.dedupe-warning span{font-size:12px;font-weight:800;line-height:1.35}.event-ledger-list{display:grid;margin-top:10px}.purchase-ledger .event-ledger-list{overflow-x:auto}.event-ledger-columns,.event-ledger-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(130px,1fr) minmax(180px,1.3fr) minmax(88px,.65fr) minmax(80px,.55fr) minmax(132px,.85fr) minmax(82px,.55fr);min-width:0}.event-ledger-columns{color:#475467;font-size:11px;font-weight:850;padding:0 12px 7px;text-transform:uppercase}.event-ledger-row{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:10px 12px}.event-ledger-row strong,.event-ledger-row span,.event-ledger-row time{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-ledger-row strong{font-size:13px}.purchase-ledger-columns,.purchase-ledger-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(84px,.74fr) minmax(116px,.9fr) minmax(66px,.5fr) minmax(52px,.38fr) minmax(62px,.45fr) minmax(54px,.38fr) minmax(64px,.45fr) minmax(68px,.48fr) minmax(82px,.58fr) minmax(88px,.62fr) minmax(96px,.66fr) minmax(64px,.46fr) minmax(72px,.5fr);min-width:0}.purchase-ledger-columns{color:#475467;font-size:11px;font-weight:850;padding:0 12px 7px;text-transform:uppercase}.purchase-ledger-row{background:#fcfcfd;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;padding:10px 12px}.purchase-ledger-row strong,.purchase-ledger-row span,.purchase-ledger-row time{display:block;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-ledger-row strong{color:#172033;font-size:13px}.purchase-ledger-detail{border-top:1px solid #e5e7eb;display:grid;gap:8px;grid-column:1 / -1;grid-template-columns:repeat(5,minmax(120px,1fr));margin-top:2px;padding-top:8px}.purchase-ledger-detail span{color:#475467;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-pill{background:#eef2f7;border-radius:8px;color:#344054;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800;gap:8px;justify-content:flex-start;min-height:30px;min-width:0;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.run-pill:hover{background:#e4eaf2}.run-pill span{color:#16a34a;flex:0 0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}.event-ledger-empty{margin:10px 0 0}.section-heading,.panel-heading{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:17px 18px}.section-heading h3,.panel h3{font-size:18px;line-height:1.25}.section-heading p,.panel p{color:#667085;line-height:1.4;margin-top:4px}.section-heading>svg{color:#2563eb;flex:0 0 auto}.task-list{display:grid}.task-row{align-items:center;border-top:1px solid #f0f2f5;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto;padding:13px 18px}.task-row:first-child{border-top:0}.task-icon{align-items:center;background:#f2f4f7;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.task-row strong,.task-row span{display:block}.task-row strong{line-height:1.3}.task-row span{color:#667085;font-size:13px;line-height:1.35;margin-top:3px}.record-count{background:#eff6ff;border-radius:999px;color:#1d4ed8;flex:0 0 auto;font-size:13px;font-weight:850;padding:7px 10px;white-space:nowrap}.toolbar{align-items:end;border-bottom:1px solid #e5e7eb;display:grid;gap:14px;grid-template-columns:minmax(260px,1fr) minmax(180px,260px) auto;padding:16px 18px}.search-field,.filter-field,.form-grid label{display:grid;gap:7px}.search-field span,.filter-field span,.form-grid label span{color:#475467;font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.input-with-icon{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;display:flex;gap:9px;min-height:42px;padding:0 11px}.input-with-icon svg{color:#667085;flex:0 0 auto}input,select,textarea{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#172033;min-height:42px;padding:9px 11px;width:100%}.input-with-icon input,.input-with-icon select{border:0;min-height:40px;padding-left:0}input:focus,select:focus,textarea:focus,.input-with-icon:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24;outline:none}input:disabled,select:disabled,textarea:disabled{background:#f8fafc;color:#667085;cursor:not-allowed}textarea{line-height:1.45;min-height:96px;resize:vertical}.table-wrap{border-radius:0 0 8px 8px;overflow-x:auto;position:relative}table{border-collapse:collapse;min-width:920px;table-layout:auto;width:100%}th,td{border-bottom:1px solid #eef2f6;font-size:14px;padding:11px 10px;text-align:left;vertical-align:middle}th{background:#fcfcfd;color:#475467;font-size:12px;font-weight:850;text-transform:uppercase}td{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr:hover{background:#f8fbff}th:first-child,.id-column{width:72px}.actions-column,.actions-cell{background:#fff;box-shadow:-1px 0 #e5e7eb;min-width:112px;position:sticky;right:0;width:112px;z-index:2}.actions-column{z-index:3}.actions-cell{max-width:112px;overflow:visible}.data-cell>span:not(.badge){display:block;overflow:hidden;text-overflow:ellipsis}.muted{color:#667085;font-weight:750}.badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:850;max-width:none;overflow:hidden;padding:5px 8px;text-overflow:ellipsis;white-space:nowrap}.badge.neutral{background:#eef2f7;color:#344054}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.row-actions{justify-content:flex-end}.icon-button{border-radius:8px;height:36px;padding:0;width:36px}.icon-button.subtle{background:#eef2f7;color:#344054}.icon-button.subtle:hover{background:#e4eaf2}.icon-button.danger-action{background:#fee2e2;color:#991b1b}.loading-state,.empty-state{padding:34px 18px}.loading-state{display:grid;gap:12px}.loading-state p{color:#667085;font-weight:800;margin:0}.loading-state span{animation:shimmer 1.35s linear infinite;background:linear-gradient(90deg,#eef2f7,#dde6ef,#eef2f7 88%);background-size:240% 100%;border-radius:8px;display:block;height:42px}.empty-state{color:#667085;text-align:center}.empty-state>svg{color:#2563eb;height:34px;margin-bottom:10px;width:34px}.empty-state h4{color:#172033;font-size:18px;margin-bottom:6px}.empty-state p{margin-left:auto;margin-right:auto;max-width:620px}.empty-state button{margin-top:14px}.modal-backdrop{background:#0c121c6b;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:20}.drawer{background:#fff;box-shadow:-18px 0 44px #0f172a2e;display:flex;flex-direction:column;height:100%;max-width:560px;overflow:auto;width:min(560px,100%)}.drawer-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:2}.drawer-header h3{font-size:20px;line-height:1.25}.form-errors{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;margin:16px 20px 0;padding:12px}.form-errors ul{margin:8px 0 0;padding-left:18px}.form-grid{display:grid;gap:16px;min-height:0;padding:20px}.form-grid label.checkbox{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end}.form-grid label.checkbox input{height:18px;min-height:18px;width:18px}.field-help{color:#667085;font-size:12px;line-height:1.45}.drawer-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:8px;padding-top:16px}@keyframes shimmer{to{background-position:-240% 0}}@media (max-width: 1180px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.product-loop-body{grid-template-columns:1fr}.loop-rate-grid,.purchase-metric-grid,.event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{flex-direction:column}.top-actions{justify-content:flex-start;min-width:0;width:100%}}@media (max-width: 980px){.shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand{justify-content:center}.brand div,.nav-item span,.sidebar-footer div{display:none}.nav-item{border-left-width:0;justify-content:center;padding:10px}.sidebar-footer{justify-content:center}.toolbar{grid-template-columns:1fr}.toolbar-actions{flex-wrap:wrap}.loop-rate-grid,.purchase-metric-grid,.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.shell{display:block}.sidebar{border-bottom:1px solid #1d2939;position:static}.brand div,.nav-item span,.sidebar-footer div{display:block}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{border-left-width:3px;justify-content:flex-start}.sidebar-footer{display:none}.workspace{padding:16px}.page-title h2{font-size:24px}.top-actions,.api-status,.top-actions>button{width:100%}.top-actions>button{justify-content:center}.metrics{grid-template-columns:1fr}.product-loop-heading{align-items:stretch}.loop-signal{text-align:center;white-space:normal}.loop-rate-grid,.purchase-metric-grid,.purchase-revenue-strip,.event-grid{grid-template-columns:1fr}.run-filter{flex-basis:auto;width:100%}.event-ledger-columns,.purchase-ledger-columns{display:none}.event-ledger-heading,.event-ledger-row,.purchase-ledger-row{align-items:flex-start;display:flex;flex-direction:column}.purchase-ledger-row{min-width:0}.run-pill{width:100%}.section-heading,.panel-heading,.task-row,.error{align-items:stretch;grid-template-columns:1fr}.task-row{display:grid}.task-icon{margin-bottom:2px}.record-count{width:fit-content}.drawer{max-width:none;width:100%}}