:root{color-scheme:light;--brand-900: #143527;--brand-800: #1e4a36;--brand-700: #2f6b4f;--brand-600: #3c7f5f;--brand-100: #eaf3ed;--gold-600: #b88934;--gold-500: #c99a45;--ink-950: #111814;--ink-700: #34433a;--muted-600: #66756d;--line: #e4e9e4;--surface: #ffffff;--surface-soft: #f7f9f5;--shadow-sm: 0 1px 2px rgba(18, 35, 25, .06);--shadow-md: 0 18px 42px rgba(18, 35, 25, .09);--radius: 10px;font-family:Inter,IBM Plex Sans,Noto Sans SC,PingFang SC,sans-serif;background:var(--surface-soft);color:var(--ink-950)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface-soft)}a{color:inherit;text-decoration:none}button{font:inherit}button,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(60,127,95,.72);outline-offset:2px}#root{min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#143527eb,#1e4a36e0),radial-gradient(circle at 20% 15%,rgba(201,154,69,.34),transparent 32%),#10251b}.login-panel{width:min(420px,100%);display:grid;gap:16px;padding:30px;border:1px solid rgba(255,255,255,.76);border-radius:12px;background:#fffffff5;box-shadow:0 28px 70px #0000002e}.login-panel h1{margin:6px 0 0;font-size:1.6rem}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:linear-gradient(180deg,#10291f,#173527 58%,#102219);color:#f8fafc;overflow-y:auto;box-shadow:inset -1px 0 #ffffff14}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand h1{margin:0;font-size:1rem;line-height:1.3}.brand__eyebrow{margin:0 0 4px;font-size:.72rem;letter-spacing:0;text-transform:uppercase;color:#ebf0e9a3}.brand__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#d8b464,#ad7c2c);color:#12241b;font-weight:700;letter-spacing:0;flex-shrink:0}.nav{display:grid;gap:7px}.nav__item{width:100%;padding:12px 13px;border:none;border-radius:10px;background:transparent;color:#f8fafcc2;text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.nav__item:hover,.nav__item--active{background:#ffffff1c;color:#fff}.nav__item--active{box-shadow:inset 3px 0 0 var(--gold-500)}.content{min-width:0;padding:24px 28px 44px}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.hero h2{margin:4px 0 0;font-size:1.5rem;line-height:1.2}.hero__eyebrow,.panel__eyebrow{margin:0;font-size:.72rem;letter-spacing:0;text-transform:uppercase;color:var(--gold-600);font-weight:700}.hero__desc{margin:8px 0 0;max-width:760px;color:var(--muted-600);line-height:1.55;font-size:.92rem}.hero__meta{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.status-pill{align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap}.status-pill--loading{background:#fff4dc;color:#8a5a12}.status-pill--connected{background:#e5f5ea;color:#17633f}.status-pill--mock{background:#eef1ed;color:#4f5f56}.stats-grid,.panel-grid{display:grid;gap:16px;margin-top:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stats-grid--four{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.stat-card{position:relative;overflow:hidden;padding:17px}.stat-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--brand-600),var(--gold-500))}.stat-card span{display:block;color:var(--muted-600);font-size:.84rem}.stat-card strong{display:block;margin-top:8px;font-size:1.35rem;line-height:1.2;color:var(--ink-950)}.panel-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr)}.panel-grid--single{grid-template-columns:1fr}.category-grid-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.marketing-grid-layout{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr)}.panel{padding:20px}.panel--wide{min-width:0}.page-metrics{margin-top:16px}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.metric-strip--compact{margin-bottom:16px}.metric-card{display:grid;gap:5px;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.metric-card span,.metric-card small,.section-label,.summary-list__item span,.focus-list span{color:var(--muted-600);font-size:.84rem}.metric-card strong{font-size:1.18rem;line-height:1.25}.metric-card small{line-height:1.45}.overview-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:18px;margin-top:18px}.section-label{margin:0 0 10px;font-weight:700}.summary-list{display:grid;gap:10px}.summary-list__item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.summary-list__item:last-child{padding-bottom:0;border-bottom:none}.focus-list{display:grid;gap:10px}.focus-list div{display:grid;gap:4px;padding:12px;border-radius:var(--radius);background:linear-gradient(135deg,#3c7f5f14,#c99a4514)}.focus-list strong{font-size:1.12rem}.panel__header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panel__header h3{margin:4px 0 0;font-size:1.08rem;color:var(--ink-950)}.ghost-button{padding:9px 14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:#fff;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.ghost-button:hover{background:linear-gradient(135deg,var(--brand-900),var(--brand-700));box-shadow:0 10px 22px #1e4a362e}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 11px;border-bottom:1px solid #edf1ed;text-align:left}td{vertical-align:middle}th{font-size:.78rem;letter-spacing:0;text-transform:uppercase;color:var(--muted-600);background:var(--surface-soft);font-weight:700}tbody tr{transition:background-color .16s ease}tbody tr:hover{background:#f8faf6}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:600}.tag--ok{background:#e4f5ea;color:#17633f}.tag--muted{background:#eef1ed;color:#526157}.tag--secondary{background:#fff3d8;color:#87601f}.tag--warning{background:#ea580c24;color:#9a3412}.tag--danger{background:#dc262624;color:#b91c1c}.todo-list{margin:0;padding-left:18px;color:#314155;line-height:1.9}.notice{margin:0 0 16px;padding:10px 12px;border:1px solid #c7dfce;border-radius:10px;background:#eef8f1;color:#1e6845}.notice--danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.floating-notice{position:fixed;top:24px;right:24px;z-index:30;display:grid;gap:4px;max-width:min(360px,calc(100vw - 32px));padding:14px 16px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;box-shadow:0 18px 40px #943f0a24;color:#9a3412}.floating-notice strong{font-size:.95rem}.floating-notice span,.floating-notice small{line-height:1.5}.floating-notice small{color:#c2410c}.filters{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(2,minmax(160px,.8fr));gap:12px;margin-bottom:16px}.filter-field{display:grid;gap:8px}.filter-field span{font-size:.9rem;font-weight:600;color:#314155}.filter-field input,.filter-field select{width:100%;padding:10px 12px;border:1px solid #d4ddd5;border-radius:10px;background:#fff;color:var(--ink-950)}.result-count{margin:0 0 14px;color:#66756d}.product-cell{display:flex;align-items:center;gap:12px}.product-thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#f2f4f7;flex-shrink:0}.product-thumb--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:#66756d}.category-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#f2f4f7}.category-thumb--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:#66756d}.banner-cell{display:flex;align-items:center}.banner-thumb{width:96px;height:56px;border-radius:10px;object-fit:cover;background:#f2f4f7;flex-shrink:0}.banner-thumb--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:#66756d}.banner-copy{display:grid;gap:6px}.banner-copy strong{color:var(--ink-950)}.banner-copy span{font-size:.84rem;color:var(--muted-600)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.table-button,.plain-button,.field input,.field textarea,.field select{font:inherit}.table-button{padding:7px 10px;border:1px solid #cfd9d0;border-radius:10px;background:#fff;color:var(--ink-700);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.table-button:hover{border-color:#a9c4b0;background:#f2f8f3;color:var(--brand-800)}.ghost-button:disabled,.plain-button:disabled,.table-button:disabled{opacity:.6;cursor:not-allowed}.table-button--secondary{border-color:#efd89e;background:#fff8e9;color:#87601f}.table-button--danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.product-form{display:grid;gap:14px}.form-section{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.form-section h4{margin:0;font-size:.95rem;color:var(--ink-950)}.notification-section{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading strong{color:var(--ink-950)}.section-heading span{color:var(--muted-600);font-size:.84rem;white-space:nowrap}.field{display:grid;gap:8px}.field--grow{min-width:0;flex:1}.field span{font-size:.92rem;font-weight:600;color:var(--ink-700)}.field input,.field textarea,.field select{width:100%;padding:10px 12px;border:1px solid #d4ddd5;border-radius:10px;background:#fff;color:var(--ink-950)}.field input:hover,.field textarea:hover,.field select:hover,.filter-field input:hover,.filter-field select:hover{border-color:#9fb9a7}.field textarea{resize:vertical}.image-preview-card{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.image-preview{width:100%;min-height:180px;max-height:240px;border-radius:10px;object-fit:cover;background:#f2f4f7}.image-preview--placeholder{display:flex;align-items:center;justify-content:center;color:#66756d}.image-preview__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66756d;font-size:.9rem}.detail-image-grid{display:grid;gap:12px}.detail-image-thumb{width:100%;min-height:160px;max-height:220px;border-radius:10px;object-fit:cover;background:#f2f4f7}.detail-image-empty{display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:10px;background:var(--surface-soft);color:var(--muted-600)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.workflow-step{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.workflow-step__index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:999px;background:var(--brand-700);color:#fff;font-weight:800;font-size:.82rem}.workflow-step strong,.workflow-step p{display:block}.workflow-step strong{color:var(--ink-950);font-size:.92rem}.workflow-step p{margin:5px 0 0;color:var(--muted-600);font-size:.84rem;line-height:1.45}.form-actions--compact{align-items:center;justify-content:flex-start;margin-top:-4px}.gift-card-review{display:grid;gap:14px;padding:14px;border:1px solid #d7e7dc;border-radius:12px;background:#f7fbf8}.gift-card-review__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gift-card-review__header span,.gift-card-review__header strong{display:block}.gift-card-review__header span{color:var(--muted-600);font-size:.84rem}.gift-card-review__header strong{margin-top:4px;color:var(--ink-950)}.validation-list{display:flex;flex-wrap:wrap;gap:8px}.validation-list span{padding:7px 9px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.84rem;font-weight:700}.email-add-row{display:flex;align-items:end;gap:10px}.recipient-list{display:flex;flex-wrap:wrap;gap:8px}.recipient-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 9px;border:1px solid #c8dfcf;border-radius:999px;background:#edf8f0;color:var(--brand-800);font-size:.88rem;font-weight:600;overflow-wrap:anywhere}.recipient-chip button{padding:0;border:none;background:transparent;color:#66756d;cursor:pointer;font-size:.82rem}.recipient-chip button:hover{color:#b91c1c}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slot-preview-list{display:flex;flex-wrap:wrap;gap:10px}.slot-preview-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf8f0;color:var(--brand-800);font-size:.9rem;font-weight:600}.switch-field,.checkbox-card{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faf6;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.switch-field:hover,.checkbox-card:hover{border-color:#bdd3c1;background:#f0f8f1}.switch-field input,.checkbox-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand-700);flex-shrink:0}.switch-field span,.checkbox-card span{display:grid;gap:4px}.switch-field strong,.checkbox-card strong{color:var(--ink-950)}.switch-field small,.checkbox-card small{color:var(--muted-600);line-height:1.5}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.plain-button{padding:8px 12px;border:1px solid #d4ddd5;border-radius:10px;background:#fff;color:var(--ink-700);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.plain-button:hover{border-color:#a9c4b0;background:#f7faf6}.placeholder-list{display:grid;gap:12px;color:#314155;line-height:1.8}.placeholder-list p{margin:0}.empty-state{margin:16px 0 0;color:#66756d}.empty-state--compact{margin:0}.table-row--active td{background:#286fb10f}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.detail-stack{display:grid;gap:14px}.detail-card{display:grid;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.detail-card--soft{background:var(--surface-soft)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-text{margin:0;color:#475569;line-height:1.7}.detail-list{display:grid;gap:12px}.detail-list__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-list__aside{justify-items:end;text-align:right;flex-shrink:0}.finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.finance-metric,.reconciliation-card{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.finance-metric{display:grid;gap:7px;padding:14px}.finance-metric span,.reconciliation-summary span,.reconciliation-differences p{color:var(--muted-600);font-size:.84rem}.finance-metric strong{font-size:1.18rem}.reconciliation-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.reconciliation-card{display:grid;gap:14px;padding:14px}.reconciliation-card__headline{display:flex;align-items:center;gap:10px;color:#314155}.reconciliation-summary{display:grid;gap:12px}.reconciliation-summary div{display:grid;gap:4px}.reconciliation-differences{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.reconciliation-differences p{margin:0;font-weight:700}.reconciliation-differences span{line-height:1.6;color:#475569}.audit-log-list,.timeline{display:grid;gap:12px}.audit-log-item{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.audit-log-item__detail,.timeline__detail{margin:8px 0 0;color:#475569;line-height:1.6}.timeline__item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px}.timeline__dot{width:10px;height:10px;margin-top:8px;border-radius:999px;background:linear-gradient(135deg,var(--brand-800),var(--gold-500));box-shadow:0 0 0 4px #3c7f5f1a}.timeline__body{padding-bottom:8px;border-bottom:1px solid rgba(15,23,42,.06)}.timeline__item:last-child .timeline__body{padding-bottom:0;border-bottom:none}@media (max-width: 960px){.shell{grid-template-columns:1fr}.sidebar{padding-bottom:16px}.stats-grid,.panel-grid,.overview-split,.reconciliation-toolbar,.field-row,.workflow-strip{grid-template-columns:1fr}.email-add-row{align-items:stretch;flex-direction:column}.checkbox-grid,.detail-grid,.slot-grid,.filters,.category-grid-layout,.marketing-grid-layout{grid-template-columns:1fr}.hero,.panel__header{flex-direction:column;align-items:flex-start}.hero__meta{justify-items:flex-start}.floating-notice{top:16px;right:16px}}