:root{color-scheme:light;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#415163;background:radial-gradient(circle at top,rgba(255,183,133,.24),transparent 28%),linear-gradient(180deg,#fff7ef,#fffdf9 42%,#f6f1ea);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #14212e;--muted: #61707f;--panel: rgba(255, 255, 255, .9);--paper: rgba(246, 237, 226, .8);--line: rgba(20, 33, 46, .1);--accent: #ff914d;--accent-deep: #c65a1f;--text-soft: #415163;--bg-page: radial-gradient(circle at top, rgba(255, 183, 133, .24), transparent 28%), linear-gradient(180deg, #fff7ef 0%, #fffdf9 42%, #f6f1ea 100%);--hero-panel: radial-gradient( circle at top left, rgba(255, 145, 77, .2), transparent 36% ), linear-gradient(135deg, rgba(255, 247, 237, .9), rgba(255, 255, 255, .96));--soft-surface: rgba(255, 252, 247, .96);--soft-surface-strong: linear-gradient( 180deg, rgba(255, 252, 247, .98), rgba(255, 247, 239, .92) );--soft-surface-card: linear-gradient( 180deg, rgba(255, 252, 247, .98), rgba(255, 247, 239, .9) );--surface-border: rgba(204, 187, 170, .55);--secondary-button-bg: rgba(246, 237, 226, .8);--input-bg: #fffdf9;--focus-ring: rgba(255, 145, 77, .25);--focus-border: rgba(255, 145, 77, .55);--success-bg: rgba(241, 250, 244, .95);--success-border: rgba(49, 111, 79, .2);--error-bg: rgba(255, 244, 245, .96);--error-border: rgba(165, 28, 48, .2);--error-ink: #8d2233;--warning-bg: rgba(255, 244, 245, .96);--warning-ink: #8d2233;--code-bg: rgba(18, 31, 43, .08);--usage-track: rgba(204, 187, 170, .32);--divider: rgba(18, 31, 43, .12);--danger-bg: rgba(255, 244, 245, .96);--danger-border: rgba(165, 28, 48, .16);--danger-ink: #8d2233;--active-tab-bg: linear-gradient( 135deg, rgba(255, 145, 77, .18), rgba(255, 228, 196, .7) );--active-tab-border: rgba(198, 90, 31, .16);--attention-ring: rgba(165, 28, 48, .15);--shadow-soft: 0 20px 50px rgba(44, 30, 12, .08), 0 6px 18px rgba(44, 30, 12, .06)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#c7d4df;background:radial-gradient(circle at top,rgba(255,145,77,.18),transparent 24%),linear-gradient(180deg,#10161d,#141d27 42%,#0f141b);--ink: #eef4f9;--muted: #9aabbc;--panel: rgba(19, 29, 39, .84);--paper: rgba(30, 42, 56, .86);--line: rgba(222, 235, 247, .12);--text-soft: #c7d4df;--bg-page: radial-gradient(circle at top, rgba(255, 145, 77, .18), transparent 24%), linear-gradient(180deg, #10161d 0%, #141d27 42%, #0f141b 100%);--hero-panel: radial-gradient( circle at top left, rgba(255, 145, 77, .2), transparent 36% ), linear-gradient(135deg, rgba(23, 35, 47, .96), rgba(17, 25, 34, .98));--soft-surface: rgba(23, 33, 44, .94);--soft-surface-strong: linear-gradient( 180deg, rgba(24, 35, 46, .98), rgba(19, 28, 38, .94) );--soft-surface-card: linear-gradient( 180deg, rgba(24, 35, 46, .98), rgba(18, 27, 37, .92) );--surface-border: rgba(222, 235, 247, .12);--secondary-button-bg: rgba(28, 40, 54, .92);--input-bg: rgba(15, 22, 30, .94);--focus-ring: rgba(255, 145, 77, .32);--focus-border: rgba(255, 145, 77, .62);--success-bg: rgba(20, 51, 40, .7);--success-border: rgba(102, 187, 140, .24);--error-bg: rgba(67, 24, 31, .74);--error-border: rgba(228, 122, 142, .24);--error-ink: #ffd9df;--warning-bg: rgba(67, 24, 31, .74);--warning-ink: #ffd9df;--code-bg: rgba(226, 239, 250, .1);--usage-track: rgba(255, 255, 255, .12);--divider: rgba(222, 235, 247, .12);--danger-bg: rgba(67, 24, 31, .74);--danger-border: rgba(228, 122, 142, .24);--danger-ink: #ffd9df;--active-tab-bg: linear-gradient( 135deg, rgba(255, 145, 77, .22), rgba(70, 48, 32, .68) );--active-tab-border: rgba(255, 145, 77, .22);--attention-ring: rgba(228, 122, 142, .2);--shadow-soft: 0 24px 60px rgba(0, 0, 0, .32), 0 6px 18px rgba(0, 0, 0, .24)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-soft);background:var(--bg-page)}button,input,textarea{font:inherit}#root{min-height:100vh}.app-shell{padding:24px;max-width:1680px;margin:0 auto}.view-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.view-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:.65rem .9rem;font:inherit;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.view-button.active{background:var(--active-tab-bg);box-shadow:inset 0 0 0 1px var(--active-tab-border)}.view-button:hover{transform:translateY(-1px)}.hero,.panel,.stat-card,.message,.loading-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft)}.hero{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(360px,2fr) auto;gap:18px;align-items:center;margin-bottom:16px;padding:18px 20px;border-radius:18px;background:var(--panel)}.eyebrow,.panel-kicker,.order-label,.stat-card p,.hero-status-item span{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--muted)}.hero h1,.panel h2,.order-card h3{margin:0;color:var(--ink)}.hero h1{font-size:1.8rem;line-height:1.1;margin-top:4px}.hero-text{margin:8px 0 0;color:var(--ink);font-weight:700}.hero-summary{color:var(--ink);line-height:1.5}.hero code,.empty-state code{font-size:.94rem;background:var(--code-bg);color:var(--ink);padding:.1rem .4rem;border-radius:999px}.hero-status-item strong,.stat-card strong,.chip,.status-pill,.primary-button,.secondary-button{color:var(--ink)}.hero-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-status-item{border:1px solid var(--surface-border);background:var(--soft-surface);border-radius:12px;padding:12px 14px}.hero-status-item strong{display:block;margin-top:6px;font-size:1rem}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.secondary-button,.primary-button{border:0;border-radius:12px;padding:.72rem .95rem;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.secondary-button{background:var(--secondary-button-bg);box-shadow:inset 0 0 0 1px var(--line)}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff7ef;box-shadow:0 18px 30px #c65a1f38}.secondary-button:hover,.primary-button:hover{transform:translateY(-1px)}.action-row{display:flex;flex-wrap:wrap;gap:12px}.usage-meter{width:100%;height:14px;margin-top:18px;border-radius:999px;background:var(--usage-track);overflow:hidden}.usage-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.danger-button{background:var(--danger-bg);color:var(--danger-ink);box-shadow:inset 0 0 0 1px var(--danger-border)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{border-radius:14px;padding:14px 16px}.stat-card strong{display:block;margin-top:6px;font-size:1.05rem}.message,.loading-panel{border-radius:18px;padding:16px 18px;margin-bottom:24px}.message.success{border-color:var(--success-border);background:var(--success-bg)}.message.error{border-color:var(--error-border);background:var(--error-bg);color:var(--error-ink)}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{border-radius:18px;padding:20px}.panel-wide{grid-column:1 / -1}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.chip,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .8rem;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:.85rem}.chip.accent{background:#ff914d24}.chip.warning{background:var(--warning-bg);color:var(--warning-ink)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label span{font-size:.9rem;color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:16px;padding:.9rem 1rem;font:inherit;resize:vertical;min-height:54px;box-sizing:border-box}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid var(--focus-ring);border-color:var(--focus-border)}.checkbox-field{flex-direction:row;align-items:center;align-self:end;gap:12px;min-height:54px}.checkbox-field input{min-height:auto;width:18px;height:18px;margin:0}.wide-field,.form-grid button{grid-column:1 / -1}.order-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.balanced-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.story-card,.support-card{border-radius:14px;border:1px solid var(--surface-border);background:var(--soft-surface);padding:18px}.story-card strong,.support-card strong{display:block;color:var(--ink);font-size:1.18rem}.story-card span,.support-card p{display:block;margin-top:8px;color:var(--muted);line-height:1.6}.story-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}.support-card{display:flex;flex-direction:column;gap:14px}.checklist-grid,.issue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checklist-item,.issue-card{border-radius:20px;border:1px solid var(--surface-border);background:var(--soft-surface-card);padding:16px}.checklist-item{display:flex;gap:12px;align-items:flex-start}.checklist-item strong,.issue-card strong{color:var(--ink)}.checklist-item p{margin:4px 0 0;color:var(--muted)}.status-dot{width:12px;height:12px;border-radius:999px;margin-top:6px;background:var(--warning-ink);flex:0 0 auto}.status-dot.complete{background:#2f855a}.issue-card{display:flex;gap:12px;align-items:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coupon-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:18px}.coupon-field{flex:1 1 260px;display:flex;flex-direction:column;gap:8px}.coupon-field span{font-size:.9rem;color:var(--muted)}.coupon-field input{border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:16px;padding:.9rem 1rem;font:inherit;min-height:54px;box-sizing:border-box}.coupon-preview-card{margin-bottom:18px}.pricing-card{border-radius:16px;border:1px solid var(--surface-border);background:var(--soft-surface-strong);padding:20px;display:flex;flex-direction:column;gap:16px}.pricing-card.active{box-shadow:inset 0 0 0 1px var(--active-tab-border);background:radial-gradient(circle at top left,rgba(255,145,77,.18),transparent 30%),var(--soft-surface-strong)}.pricing-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pricing-summary{margin:0;color:var(--muted);line-height:1.6}.pricing-price{display:flex;flex-direction:column;gap:4px}.pricing-price-compare{color:var(--muted);text-decoration:line-through}.pricing-note{margin:-6px 0 0;color:var(--ink);line-height:1.5}.pricing-note.muted{color:var(--muted)}.pricing-points{margin:0;padding-left:18px;color:var(--ink);display:flex;flex-direction:column;gap:8px}.pricing-card button:disabled{opacity:.7;cursor:wait}.order-card{border-radius:14px;padding:18px;background:var(--soft-surface-card);border:1px solid var(--surface-border)}.webhook-grid,.fulfillment-order-list{display:grid;gap:12px}.fulfillment-order-card{border-radius:18px;border:1px solid var(--surface-border);background:var(--soft-surface);padding:14px 16px}.fulfillment-order-card p{margin:0;color:var(--ink);word-break:break-word}.fulfillment-order-list{margin-top:12px}.order-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-topline-actions,.catalog-title-row{display:flex;align-items:flex-start;gap:12px}.order-card h3{margin-top:4px;font-size:1.15rem}.order-meta,.order-message{margin:10px 0 0;font-size:.95rem}.order-message{color:var(--ink)}.item-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.item-list li{display:flex;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px dashed var(--divider)}.empty-state{border-radius:14px;border:1px dashed var(--line);padding:32px;text-align:center;color:var(--muted)}.toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.toolbar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toolbar-grid-wide{grid-template-columns:minmax(0,2fr) minmax(220px,1fr) minmax(240px,1fr)}.toolbar-field,.toolbar-toggle{display:flex;flex-direction:column;gap:8px}.toolbar-field span{font-size:.9rem;color:var(--muted)}.toolbar-field input,.toolbar-field select{border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:16px;padding:.85rem 1rem;font:inherit;min-height:52px;box-sizing:border-box}.toolbar-toggle{flex-direction:row;align-items:center;gap:10px;color:var(--ink);padding-top:2rem}.toolbar-toggle input,.selection-toggle input{width:18px;height:18px;margin:0}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.toolbar-actions .secondary-button:disabled,.toolbar-actions .primary-button:disabled,.danger-button:disabled{opacity:.7;cursor:wait}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-list,.event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catalog-card{border-radius:16px;padding:20px;background:var(--soft-surface-card);border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:16px}.catalog-card.attention{box-shadow:inset 0 0 0 1px var(--attention-ring)}.catalog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.catalog-meta,.catalog-status,.catalog-timestamps span{color:var(--muted);line-height:1.6}.catalog-meta{display:block;margin-top:8px}.catalog-status{margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-grid label,.toggle-row{display:flex;flex-direction:column;gap:8px}.catalog-grid label span{font-size:.9rem;color:var(--muted)}.catalog-grid input,.catalog-grid select{border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:16px;padding:.85rem 1rem;font:inherit;min-height:52px;box-sizing:border-box}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.settings-toggle-grid{margin-top:18px}.toggle-row{flex-direction:row;align-items:center;gap:10px;color:var(--ink)}.toggle-row input{width:18px;height:18px;margin:0}.catalog-footer{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.catalog-timestamps{display:flex;flex-direction:column;gap:6px}.event-card{border-radius:20px;padding:18px;background:var(--soft-surface-card);border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:12px}.event-time{color:var(--muted);font-size:.92rem}@media(max-width:1120px){.stat-grid,.workspace-grid,.order-list,.hero,.story-grid,.story-grid-wide,.checklist-grid,.issue-list,.pricing-grid,.catalog-list,.event-list,.analytics-list,.catalog-grid,.toggle-grid,.toolbar-grid,.toolbar-grid-wide{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:18px}.form-grid,.panel-head,.order-topline{grid-template-columns:1fr;flex-direction:column}.hero h1{max-width:none}}