:root{color-scheme:light;--surface-base: #F6F6F7;--surface-raised: #FFFFFF;--surface-overlay: #FFFFFF;--surface-glass: rgba(255, 255, 255, .85);--surface-muted: #F9FAFB;--surface-hover: #F3F4F6;--border-subtle: #E5E7EB;--border-strong: #D1D5DB;--border-hairline: rgba(0, 0, 0, .06);--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-disabled: #9CA3AF;--text-inverse: #FFFFFF;--brand-primary: #008060;--brand-primary-hover: #00735A;--brand-primary-soft: rgba(0, 128, 96, .1);--brand-ring: rgba(0, 128, 96, .4);--brand-gradient: linear-gradient(135deg, #008060 0%, #00A676 100%);--brand-glow: 0 0 0 rgba(0, 128, 96, 0);--accent-success: #10B981;--accent-warning: #F59E0B;--accent-danger: #EF4444;--accent-info: #3B82F6;--ring-focus: rgba(0, 128, 96, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-elevated: 0 20px 40px -12px rgba(0, 0, 0, .15);--backdrop-blur: saturate(180%) blur(20px)}html.dark{color-scheme:dark;--surface-base: #020617;--surface-raised: #0B1220;--surface-overlay: #111827;--surface-glass: rgba(11, 18, 32, .72);--surface-muted: #0F172A;--surface-hover: #162032;--border-subtle: rgba(148, 163, 184, .08);--border-strong: rgba(148, 163, 184, .16);--border-hairline: rgba(255, 255, 255, .04);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-disabled: #64748B;--text-inverse: #020617;--brand-primary: #38BDF8;--brand-primary-hover: #0EA5E9;--brand-primary-soft: rgba(56, 189, 248, .12);--brand-ring: rgba(56, 189, 248, .45);--brand-gradient: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 55%, #0284C7 100%);--brand-glow: 0 0 24px rgba(56, 189, 248, .35);--accent-success: #34D399;--accent-warning: #FBBF24;--accent-danger: #F87171;--accent-info: #60A5FA;--ring-focus: rgba(56, 189, 248, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px -8px rgba(0, 0, 0, .6);--shadow-elevated: 0 24px 60px -12px rgba(0, 0, 0, .7)}html,body{background-color:var(--surface-base);color:var(--text-primary)}body{transition:background-color .24s ease,color .24s ease}html.dark body{background-color:var(--surface-base);color:var(--text-primary)}html.dark .text-\[\#111418\],html.dark .text-\[\#111827\]{color:var(--text-primary)!important}html.dark .text-\[\#617589\]{color:var(--text-muted)!important}html.dark .text-\[\#3b4a5a\]{color:var(--text-secondary)!important}html.dark .border-\[\#dbe0e6\]{border-color:var(--border-subtle)!important}html.dark .bg-\[\#f8f9fa\],html.dark .bg-\[\#f0f2f4\]{background-color:var(--surface-muted)!important}html.dark .hover\:bg-\[\#f8f9fa\]:hover{background-color:var(--surface-hover)!important}html.dark .bg-\[\#2b8cee\]{background:var(--brand-gradient)!important;color:#e0f2fe!important;box-shadow:var(--brand-glow)}html.dark .focus\:border-\[\#2b8cee\]:focus{border-color:var(--brand-primary)!important}html.dark .focus\:ring-\[\#2b8cee\]\/20:focus{box-shadow:0 0 0 3px var(--brand-ring)!important}html.dark .border-\[\#95bf47\]{border-color:#95bf47!important}html.dark .border-\[\#ff6000\]{border-color:#ff6000!important}html.dark .bg-\[\#f8fafc\]{background-color:var(--surface-base)!important}html.dark .bg-white\/80{background-color:var(--surface-glass)!important;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}html.dark .bg-emerald-50{background-color:#34d3991f!important}html.dark .bg-emerald-100{background-color:#34d3992e!important}html.dark .text-emerald-500{color:#34d399!important}html.dark .bg-rose-50{background-color:#fb71851f!important}html.dark .bg-rose-100{background-color:#fb71852e!important}html.dark .text-rose-500{color:#fb7185!important}html.dark .border-rose-200{border-color:#fb71854d!important}html.dark .bg-brand-500{background:var(--brand-gradient)!important;color:#e0f2fe!important;box-shadow:var(--brand-glow)}html.dark .bg-brand-600,html.dark .hover\:bg-brand-600:hover{filter:brightness(1.08)}html.dark .text-brand-500{color:var(--brand-primary)!important}html.dark .border-slate-200\/60{border-color:var(--border-subtle)!important}html.dark .bg-slate-50\/50,html.dark .bg-slate-50\/30{background-color:var(--surface-muted)!important}html.dark .bg-slate-100,html.dark .hover\:bg-slate-50\/50:hover{background-color:var(--surface-hover)!important}html.dark .bg-gray-50\/50,html.dark .bg-gray-50\/80,html.dark .bg-gray-50\/30{background-color:var(--surface-muted)!important}html.dark .bg-amber-50{background-color:#fbbf241f!important}html.dark .bg-amber-100{background-color:#fbbf242e!important}html.dark .text-amber-500{color:#fbbf24!important}html.dark .bg-amber-500{background-color:#fbbf24!important}html.dark .bg-slate-50\/80{background-color:var(--surface-raised)!important}html.dark .bg-orange-100\/50{background-color:#fb923c26!important}html.dark .text-purple-600{color:#c4b5fd!important}html.dark .bg-indigo-100{background-color:#818cf82e!important}html.dark .text-indigo-600{color:#a5b4fc!important}html.dark .border-indigo-200{border-color:#818cf84d!important}html.dark .bg-teal-50{background-color:#2dd4bf1f!important}html.dark .text-teal-600{color:#5eead4!important}html.dark .bg-cyan-50{background-color:#22d3ee1f!important}html.dark .text-cyan-600{color:#67e8f9!important}html.dark .bg-pink-50{background-color:#f472b61f!important}html.dark .text-pink-600{color:#f9a8d4!important}html.dark .bg-gradient-to-r.from-orange-500.to-orange-600,html.dark .bg-gradient-to-br.from-orange-500.to-orange-600{background:#f973162e!important;color:#fb923c!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border:1px solid rgba(249,115,22,.25);box-shadow:none!important}html.dark .bg-gradient-to-r.from-green-500.to-green-600,html.dark .bg-gradient-to-br.from-green-500.to-green-600{background:#22c55e2e!important;color:#4ade80!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border:1px solid rgba(34,197,94,.25);box-shadow:none!important}html.dark .bg-gradient-to-r.from-\[\#ff6000\].to-\[\#ff7a1a\],html.dark .bg-gradient-to-br.from-\[\#ff6000\].to-\[\#ff7a1a\]{background:#ff60002e!important;color:#ff8c42!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border:1px solid rgba(255,96,0,.25);box-shadow:none!important}html.dark .bg-white{background-color:var(--surface-raised)!important}html.dark .bg-gray-50,html.dark .bg-slate-50,html.dark .bg-neutral-50{background-color:var(--surface-muted)!important}html.dark .bg-gray-100,html.dark .bg-slate-100,html.dark .bg-gray-200,html.dark .bg-slate-200{background-color:var(--surface-hover)!important}html.dark .bg-shopify-bg,html.dark .bg-shopify-surface{background-color:var(--surface-base)!important}html.dark .hover\:bg-gray-50:hover,html.dark .hover\:bg-slate-50:hover,html.dark .hover\:bg-gray-100:hover{background-color:var(--surface-hover)!important}html.dark .text-gray-900,html.dark .text-slate-900,html.dark .text-neutral-900,html.dark .text-black,html.dark .text-shopify-dark{color:var(--text-primary)!important}html.dark .text-gray-800,html.dark .text-slate-800,html.dark .text-gray-700,html.dark .text-slate-700{color:var(--text-secondary)!important}html.dark .text-gray-600,html.dark .text-slate-600,html.dark .text-gray-500,html.dark .text-slate-500{color:var(--text-muted)!important}html.dark .text-gray-400,html.dark .text-slate-400{color:var(--text-disabled)!important}html.dark .border-gray-100,html.dark .border-slate-100,html.dark .border-gray-200,html.dark .border-slate-200,html.dark .border-gray-300,html.dark .border-slate-300,html.dark .border{border-color:var(--border-subtle)!important}html.dark .divide-gray-100>:not([hidden])~:not([hidden]),html.dark .divide-gray-200>:not([hidden])~:not([hidden]),html.dark .divide-slate-200>:not([hidden])~:not([hidden]){border-color:var(--border-subtle)!important}html.dark .bg-red-50{background-color:#f871711f!important}html.dark .bg-red-100{background-color:#f871712e!important}html.dark .text-red-700,html.dark .text-red-800{color:#fca5a5!important}html.dark .border-red-200{border-color:#f871714d!important}html.dark .bg-green-50{background-color:#34d3991f!important}html.dark .bg-green-100{background-color:#34d3992e!important}html.dark .text-green-700,html.dark .text-green-800{color:#6ee7b7!important}html.dark .border-green-200{border-color:#34d3994d!important}html.dark .bg-yellow-50{background-color:#fbbf241f!important}html.dark .bg-yellow-100{background-color:#fbbf242e!important}html.dark .text-yellow-700,html.dark .text-yellow-800{color:#fcd34d!important}html.dark .border-yellow-200{border-color:#fbbf244d!important}html.dark .bg-blue-50{background-color:#60a5fa1f!important}html.dark .bg-blue-100{background-color:#60a5fa2e!important}html.dark .text-blue-700,html.dark .text-blue-800{color:#93c5fd!important}html.dark .border-blue-200{border-color:#60a5fa4d!important}html.dark .bg-purple-50{background-color:#a78bfa1f!important}html.dark .bg-purple-100{background-color:#a78bfa2e!important}html.dark .text-purple-700,html.dark .text-purple-800{color:#c4b5fd!important}html.dark .bg-orange-50{background-color:#fb923c1f!important}html.dark .text-orange-700{color:#fdba74!important}html.dark thead{background-color:var(--surface-muted)!important}html.dark tbody tr{background-color:transparent!important}html.dark tbody tr:hover{background-color:var(--surface-hover)!important}html.dark tbody tr+tr{border-top:1px solid var(--border-subtle)}html.dark .odd\:bg-white:nth-child(odd),html.dark .even\:bg-gray-50:nth-child(2n){background-color:transparent!important}html.dark input,html.dark textarea,html.dark select{background-color:var(--surface-muted);color:var(--text-primary);border-color:var(--border-subtle)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-disabled)}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--ring-focus);outline:none}html.dark .shadow-sm{box-shadow:var(--shadow-sm)!important}html.dark .shadow,html.dark .shadow-md{box-shadow:var(--shadow-md)!important}html.dark .shadow-lg,html.dark .shadow-xl,html.dark .shadow-2xl{box-shadow:var(--shadow-lg)!important}html.dark .bg-shopify-green{background:var(--brand-gradient)!important;color:#e0f2fe!important}html.dark .hover\:bg-shopify-green-dark:hover{filter:brightness(1.1)}html.dark .text-shopify-green{color:var(--brand-primary)!important}html.dark .border-shopify-green{border-color:var(--brand-primary)!important}html.dark .ring-shopify-green,html.dark .focus\:ring-shopify-green:focus{box-shadow:0 0 0 3px var(--brand-ring)!important}html.dark .bg-green-600,html.dark .bg-green-700{background:var(--brand-gradient)!important;color:#e0f2fe!important;box-shadow:var(--brand-glow)}html.dark .hover\:bg-green-700:hover{filter:brightness(1.08)}.surface-base{background-color:var(--surface-base);color:var(--text-primary)}.surface-raised{background-color:var(--surface-raised);color:var(--text-primary)}.surface-overlay{background-color:var(--surface-overlay);color:var(--text-primary)}.surface-glass{background-color:var(--surface-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-subtle)}.btn-brand{background:var(--brand-gradient);color:var(--text-inverse);border:none;transition:filter .18s ease,box-shadow .18s ease,transform .12s ease;box-shadow:var(--brand-glow)}html.dark .btn-brand{color:#e0f2fe}.btn-brand:hover{filter:brightness(1.06);box-shadow:0 0 20px var(--brand-ring)}.btn-brand:active{transform:translateY(1px)}.btn-brand:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-focus)}.text-brand{color:var(--brand-primary)}.bg-brand{background:var(--brand-gradient);color:var(--text-inverse)}*:focus-visible{outline:none}html.dark *:focus-visible{box-shadow:0 0 0 2px var(--brand-ring);border-radius:inherit}html.dark ::-webkit-scrollbar{width:10px;height:10px}html.dark ::-webkit-scrollbar-track{background:var(--surface-base)}html.dark ::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:8px}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}@keyframes flowLine{0%{opacity:.3;transform:scaleX(.6);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}to{opacity:.3;transform:scaleX(.6);transform-origin:right}}