@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--primitive-blue-50: #EFF6FF;--primitive-blue-100: #DBEAFE;--primitive-blue-500: #3B82F6;--primitive-blue-600: #2563EB;--primitive-blue-700: #1D4ED8;--primitive-blue-800: #1E40AF;--primitive-purple-50: #F5F3FF;--primitive-purple-600: #7C3AED;--primitive-green-50: #F0FDF4;--primitive-green-100: #BBF7D0;--primitive-green-600: #16A34A;--primitive-green-700: #15803D;--primitive-amber-50: #FFFBEB;--primitive-amber-100: #FDE68A;--primitive-amber-600: #D97706;--primitive-amber-700: #B45309;--primitive-red-50: #FEF2F2;--primitive-red-100: #FECACA;--primitive-red-600: #DC2626;--primitive-red-700: #B91C1C;--primitive-sky-50: #F0F9FF;--primitive-sky-100: #BAE6FD;--primitive-sky-600: #0284C7;--primitive-sky-700: #0369A1;--primitive-rose-50: #FFF1F2;--primitive-rose-100: #FFE4E6;--primitive-rose-600: #E11D48;--primitive-rose-700: #BE123C;--primitive-slate-50: #F8FAFC;--primitive-slate-100: #F1F5F9;--primitive-slate-200: #E2E8F0;--primitive-slate-300: #CBD5E1;--primitive-slate-400: #94A3B8;--primitive-slate-500: #64748B;--primitive-slate-600: #475569;--primitive-slate-900: #0F172A;--primitive-white: #FFFFFF;--primitive-font-heading: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--primitive-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primitive-font-mono: "IBM Plex Mono", "Consolas", "Courier New", monospace;--primitive-text-xs: .6875rem;--primitive-text-sm: .75rem;--primitive-text-base: .875rem;--primitive-text-md: .9375rem;--primitive-text-lg: 1rem;--primitive-text-xl: 1.125rem;--primitive-text-2xl: 1.375rem;--primitive-text-3xl: 1.875rem;--primitive-leading-tight: 1.25;--primitive-leading-snug: 1.375;--primitive-leading-normal: 1.5;--primitive-leading-relaxed: 1.625;--primitive-spacing-1: .25rem;--primitive-spacing-2: .5rem;--primitive-spacing-3: .75rem;--primitive-spacing-4: 1rem;--primitive-spacing-5: 1.25rem;--primitive-spacing-6: 1.5rem;--primitive-spacing-8: 2rem;--primitive-spacing-10: 2.5rem;--primitive-spacing-12: 3rem;--primitive-spacing-16: 4rem;--primitive-radius-sm: .25rem;--primitive-radius-md: .375rem;--primitive-radius-lg: .5rem;--primitive-radius-xl: .75rem;--primitive-radius-2xl: 1rem;--primitive-radius-full: 9999px;--primitive-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--primitive-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--primitive-shadow-md: 0 2px 4px rgba(15, 23, 42, .06), 0 4px 8px rgba(15, 23, 42, .04);--primitive-shadow-lg: 0 4px 8px rgba(15, 23, 42, .06), 0 12px 24px rgba(15, 23, 42, .06);--primitive-shadow-xl: 0 8px 16px rgba(15, 23, 42, .06), 0 24px 48px rgba(15, 23, 42, .08);--primitive-easing-standard: cubic-bezier(.4, 0, .2, 1);--primitive-easing-emphasized: cubic-bezier(.16, 1, .3, 1);--primitive-duration-fast: .1s;--primitive-duration-base: .15s;--primitive-duration-slow: .24s}:root{--color-brand-primary: var(--primitive-blue-600);--color-brand-primary-hover: var(--primitive-blue-700);--color-brand-primary-active: var(--primitive-blue-800);--color-brand-primary-subtle: var(--primitive-blue-50);--color-accent: var(--primitive-purple-600);--color-accent-subtle: var(--primitive-purple-50);--color-signal-positive: var(--primitive-green-600);--color-signal-positive-bg: var(--primitive-green-50);--color-signal-positive-border: var(--primitive-green-100);--color-signal-positive-text: var(--primitive-green-700);--color-signal-warning: var(--primitive-amber-600);--color-signal-warning-bg: var(--primitive-amber-50);--color-signal-warning-border: var(--primitive-amber-100);--color-signal-warning-text: var(--primitive-amber-700);--color-signal-negative: var(--primitive-red-600);--color-signal-negative-bg: var(--primitive-red-50);--color-signal-negative-border: var(--primitive-red-100);--color-signal-negative-text: var(--primitive-red-700);--color-signal-info: var(--primitive-sky-600);--color-signal-info-bg: var(--primitive-sky-50);--color-signal-info-border: var(--primitive-sky-100);--color-signal-info-text: var(--primitive-sky-700);--color-bg-page: var(--primitive-slate-50);--color-bg-surface: var(--primitive-white);--color-bg-elevated: var(--primitive-white);--color-bg-sidebar: var(--primitive-white);--color-bg-header: var(--primitive-white);--color-bg-hover: var(--primitive-slate-50);--color-bg-selected: var(--primitive-blue-50);--color-text-primary: var(--primitive-slate-900);--color-text-secondary: var(--primitive-slate-600);--color-text-tertiary: var(--primitive-slate-400);--color-text-disabled: var(--primitive-slate-300);--color-text-inverse: var(--primitive-white);--color-text-link: var(--primitive-blue-600);--color-text-link-hover: var(--primitive-blue-700);--color-border-subtle: var(--primitive-slate-100);--color-border-default: var(--primitive-slate-200);--color-border-strong: var(--primitive-slate-300);--color-border-focus: var(--primitive-blue-600);--color-border-error: var(--primitive-red-600);--color-platform-business-bg: var(--primitive-blue-50);--color-platform-business-badge: var(--primitive-blue-100);--color-platform-business-text: var(--primitive-blue-700);--color-platform-business-icon: var(--primitive-blue-600);--color-platform-shop-bg: var(--primitive-rose-50);--color-platform-shop-badge: var(--primitive-rose-100);--color-platform-shop-text: var(--primitive-rose-700);--color-platform-shop-icon: var(--primitive-rose-600);--font-family-heading: var(--primitive-font-heading);--font-family-sans: var(--primitive-font-sans);--font-family-mono: var(--primitive-font-mono);--text-xs: var(--primitive-text-xs);--text-sm: var(--primitive-text-sm);--text-base: var(--primitive-text-base);--text-md: var(--primitive-text-md);--text-lg: var(--primitive-text-lg);--text-xl: var(--primitive-text-xl);--text-2xl: var(--primitive-text-2xl);--text-3xl: var(--primitive-text-3xl);--spacing-1: var(--primitive-spacing-1);--spacing-2: var(--primitive-spacing-2);--spacing-3: var(--primitive-spacing-3);--spacing-4: var(--primitive-spacing-4);--spacing-5: var(--primitive-spacing-5);--spacing-6: var(--primitive-spacing-6);--spacing-8: var(--primitive-spacing-8);--spacing-10: var(--primitive-spacing-10);--spacing-12: var(--primitive-spacing-12);--spacing-16: var(--primitive-spacing-16);--radius-sm: var(--primitive-radius-sm);--radius-md: var(--primitive-radius-md);--radius-lg: var(--primitive-radius-lg);--radius-xl: var(--primitive-radius-xl);--radius-2xl: var(--primitive-radius-2xl);--radius-full: var(--primitive-radius-full);--shadow-xs: var(--primitive-shadow-xs);--shadow-sm: var(--primitive-shadow-sm);--shadow-md: var(--primitive-shadow-md);--shadow-lg: var(--primitive-shadow-lg);--shadow-xl: var(--primitive-shadow-xl);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .18);--shadow-focus-error: 0 0 0 3px rgba(220, 38, 38, .18);--transition-fast: var(--primitive-duration-fast) var(--primitive-easing-standard);--transition-base: var(--primitive-duration-base) var(--primitive-easing-standard);--transition-slow: var(--primitive-duration-slow) var(--primitive-easing-standard);--transition-emphasized: var(--primitive-duration-slow) var(--primitive-easing-emphasized)}:root{--card-bg: var(--color-bg-surface);--card-border: var(--color-border-default);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-sm);--card-padding: var(--spacing-6);--sidebar-width: 256px;--sidebar-bg: var(--color-bg-sidebar);--sidebar-border: var(--color-border-default);--sidebar-item-radius: var(--radius-md);--sidebar-item-padding: var(--spacing-2) var(--spacing-3);--header-height: 64px;--header-bg: var(--color-bg-header);--header-border: var(--color-border-default);--table-header-bg: var(--primitive-slate-50);--table-row-hover-bg: var(--color-bg-hover);--table-border: var(--color-border-subtle);--badge-radius: var(--radius-full);--badge-padding: var(--spacing-1) var(--spacing-2);--badge-font-size: var(--text-xs);--btn-radius: var(--radius-md);--btn-padding-sm: var(--spacing-1) var(--spacing-3);--btn-padding-md: var(--spacing-2) var(--spacing-4);--btn-padding-lg: var(--spacing-3) var(--spacing-6);--input-radius: var(--radius-md);--input-border: var(--color-border-strong);--input-focus-border: var(--color-border-focus);--input-bg: var(--color-bg-surface);--drawer-width: 480px;--drawer-bg: var(--color-bg-elevated);--drawer-shadow: var(--shadow-xl);--kpi-value-size: var(--text-3xl);--kpi-label-size: var(--text-sm);--kpi-padding: var(--spacing-6)}html,body,#root{margin:0;padding:0;height:100%}body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}code,pre,kbd,samp{font-family:var(--font-family-mono)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes stagger-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-highlight{0%{background-color:var(--color-signal-positive-bg)}to{background-color:transparent}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skeleton{background:linear-gradient(90deg,var(--color-border-subtle) 25%,var(--color-bg-hover) 50%,var(--color-border-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-heading{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--spacing-2);margin:0}.surface-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.data-table-row{transition:background-color var(--transition-base)}.data-table-row:hover{background-color:var(--table-row-hover-bg)}.nav-item{background:transparent;color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base)}.nav-item:not(.nav-item--active):hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item--active{background-color:var(--color-bg-hover);color:var(--color-text-primary);font-weight:600}.nav-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.icon-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.icon-button:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--color-border-focus)}.icon-button:active{background-color:var(--color-border-subtle)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);border-radius:var(--btn-radius);font-family:var(--font-family-sans);cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-sm{padding:4px 10px;font-size:var(--text-xs);font-weight:500}.btn-md{padding:var(--btn-padding-md);font-size:var(--text-base);font-weight:600}.btn-primary{background:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background:var(--color-brand-primary-active);border-color:var(--color-brand-primary-active);box-shadow:var(--shadow-xs)}.btn-ghost{background:var(--color-bg-surface);color:var(--color-text-secondary);border-color:var(--color-border-default)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-ghost:active:not(:disabled){background:var(--color-border-subtle)}.btn-danger{background:var(--color-signal-negative-bg);color:var(--color-signal-negative-text);border-color:var(--color-signal-negative-border)}.btn-danger:hover:not(:disabled){background:var(--color-signal-negative);color:var(--color-text-inverse);border-color:var(--color-signal-negative)}.btn-danger:focus-visible{box-shadow:var(--shadow-focus-error)}.icon-btn{padding:0!important;width:28px;height:28px;justify-content:center;border-radius:var(--radius-md);color:var(--icon-color, var(--color-text-secondary));background-color:var(--icon-bg, var(--color-bg-surface));border-color:var(--icon-border, var(--color-border-default))}.icon-btn:hover:not(:disabled){background-color:var(--icon-hover-bg, var(--color-bg-hover));border-color:var(--icon-hover-border, var(--color-border-strong));color:var(--icon-hover-color, var(--color-text-primary))}.icon-btn:disabled{opacity:.4}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-6)}.dialog{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-6);max-width:560px;width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-4);box-shadow:var(--shadow-xl);font-family:var(--font-family-sans)}.dialog h2{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);font-family:var(--font-family-heading);line-height:var(--primitive-leading-tight)}.dialog label{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.dialog label input,.dialog label select,.dialog label textarea{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--input-radius);background:var(--input-bg);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color .15s ease,box-shadow .15s ease}.dialog label input:focus,.dialog label select:focus,.dialog label textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-brand-primary-subtle)}.dialog label input:disabled,.dialog label select:disabled,.dialog label textarea:disabled{background:var(--color-bg-hover);color:var(--color-text-tertiary);cursor:not-allowed}.dialog label textarea{min-height:80px;font-family:var(--font-family-mono);font-size:var(--text-sm);resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-2)}.dialog-actions button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:36px;padding:var(--btn-padding-md);font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:500;border-radius:var(--btn-radius);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.dialog-actions button[type=button]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.dialog-actions button[type=button]:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.dialog-actions button[type=submit]{background:var(--color-brand-primary);border:1px solid var(--color-brand-primary);color:var(--color-text-inverse);font-weight:600;box-shadow:var(--shadow-xs)}.dialog-actions button[type=submit]:hover:not(:disabled){background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.dialog-actions button:disabled{opacity:.5;cursor:not-allowed}.form-error{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-signal-negative-bg);border:1px solid var(--color-signal-negative-border);color:var(--color-signal-negative-text);font-size:var(--text-sm);margin:0}.dialog .warning{background:var(--color-signal-warning-bg);color:var(--color-signal-warning-text);border:1px solid var(--color-signal-warning-border);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0}.dialog .hint{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--primitive-leading-normal);margin:0}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(420px,90vw);background:var(--color-bg-surface);color:var(--color-text-primary);border-left:1px solid var(--color-border-default);box-shadow:-8px 0 24px #0003;z-index:900;display:flex;flex-direction:column;overflow:hidden}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.drawer header h3{margin:0;font-size:var(--text-lg)}.event-timeline{list-style:none;padding:12px 16px;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.event-timeline li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--color-bg-hover);border-radius:var(--radius-sm);font-size:var(--text-sm)}.event-timeline time{color:var(--color-text-secondary);font-size:var(--text-xs)}.event-timeline strong{color:var(--color-text-primary)}.event-timeline pre{margin:4px 0 0;padding:8px;background:var(--color-bg-page);border-radius:var(--radius-sm);font-size:var(--text-xs);max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-word}.row-actions{display:inline-flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}.row-actions button{display:inline-flex;align-items:center;gap:var(--spacing-1);height:28px;padding:0 var(--spacing-3);font-size:var(--text-xs);font-weight:500;font-family:var(--font-family-sans);color:var(--color-text-secondary);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.row-actions button:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.row-actions button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.row-actions button:disabled{opacity:.5;cursor:not-allowed}.row-actions button.btn-emphasis{background-color:var(--color-signal-negative-bg);color:var(--color-signal-negative-text);border-color:var(--color-signal-negative-border)}.row-actions button.btn-emphasis:hover:not(:disabled){background-color:var(--color-signal-negative);color:var(--color-text-inverse);border-color:var(--color-signal-negative)}.toast{position:fixed;bottom:24px;right:24px;min-width:280px;max-width:420px;padding:12px 16px;border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 10px 24px #0003;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1100}.toast-success{border-left:4px solid var(--color-signal-positive, #22c55e)}.toast-error{border-left:4px solid var(--color-signal-negative, #c53030)}.toast-info{border-left:4px solid var(--color-signal-neutral, #3b82f6)}.toast button{background:transparent;border:none;font-size:var(--text-lg);cursor:pointer;color:inherit}.error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);background-color:var(--color-signal-negative-bg);border:1px solid var(--color-signal-negative-border);color:var(--color-signal-negative-text);font-size:var(--text-sm);margin:0}