:root{--mz-blue-50: #eff6fb;--mz-blue-100: #daecf6;--mz-blue-200: #b6d9ed;--mz-blue-300: #85bee1;--mz-blue-400: #5ca7d7;--mz-blue-500: #3f95d1;--mz-blue-600: #2d7fb8;--mz-blue-700: #256795;--mz-blue-800: #1d5175;--mz-blue-900: #153a54;--mz-blue-950: #0c2236;--mz-orange-50: #fff3e9;--mz-orange-100: #ffe1c8;--mz-orange-200: #ffc08a;--mz-orange-300: #ff9b4a;--mz-orange-400: #f58321;--mz-orange-500: #ed6c0e;--mz-orange-600: #cf5a06;--mz-orange-700: #a3470a;--mz-orange-800: #78340b;--mz-orange-900: #50240a;--mz-ink-50: #f6f8fa;--mz-ink-100: #eef1f5;--mz-ink-200: #e1e6ec;--mz-ink-300: #c8d0da;--mz-ink-400: #98a3b3;--mz-ink-500: #6b7686;--mz-ink-600: #4a5464;--mz-ink-700: #323a48;--mz-ink-800: #1f2634;--mz-ink-900: #121825;--mz-ink-950: #0a0e18;--mz-success-50: #ecfdf3;--mz-success-500: #12b76a;--mz-success-700: #027a48;--mz-warning-50: #fffaeb;--mz-warning-500: #f79009;--mz-warning-700: #b54708;--mz-danger-50: #fef3f2;--mz-danger-500: #f04438;--mz-danger-700: #b42318;--mz-info-50: #eff6fb;--mz-info-500: #3f95d1;--mz-info-700: #256795;--bg: var(--mz-ink-50);--bg-elevated: #ffffff;--bg-sunk: #f0f3f7;--surface: #ffffff;--surface-alt: var(--mz-ink-50);--border: var(--mz-ink-200);--border-strong: var(--mz-ink-300);--text: var(--mz-ink-900);--text-muted: var(--mz-ink-500);--text-subtle: var(--mz-ink-400);--text-on-brand: #ffffff;--primary: var(--mz-blue-500);--primary-hover: var(--mz-blue-600);--primary-active: var(--mz-blue-700);--primary-soft: var(--mz-blue-50);--accent: var(--mz-orange-500);--accent-hover: var(--mz-orange-600);--accent-soft: var(--mz-orange-50);--font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--sh-xs: 0 1px 2px rgba(18, 24, 37, .05);--sh-sm: 0 1px 3px rgba(18, 24, 37, .08), 0 1px 2px rgba(18, 24, 37, .04);--sh-md: 0 4px 8px -2px rgba(18, 24, 37, .08), 0 2px 4px -2px rgba(18, 24, 37, .04);--sh-focus: 0 0 0 3px rgba(63, 149, 209, .25);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s}[data-theme=dark]{--bg: var(--mz-ink-950);--bg-elevated: var(--mz-ink-900);--bg-sunk: #05080f;--surface: var(--mz-ink-900);--surface-alt: var(--mz-ink-800);--border: #222a3a;--border-strong: #2f394b;--text: #eef1f5;--text-muted: #98a3b3;--text-subtle: #6b7686;--primary-soft: rgba(63, 149, 209, .12);--accent-soft: rgba(237, 108, 14, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}.mz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-md);font-size:var(--fs-base);font-weight:var(--fw-medium);border:1px solid transparent;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);white-space:nowrap}.mz-btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.mz-btn--primary{background:var(--primary);color:#fff}.mz-btn--primary:hover{background:var(--primary-hover)}.mz-btn--primary:active{background:var(--primary-active)}.mz-btn--accent{background:var(--accent);color:#fff}.mz-btn--accent:hover{background:var(--accent-hover)}.mz-btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.mz-btn--secondary:hover{background:var(--surface-alt)}.mz-btn--ghost{background:transparent;color:var(--text)}.mz-btn--ghost:hover{background:var(--surface-alt)}.mz-btn--danger{background:var(--mz-danger-500);color:#fff}.mz-btn--sm{height:28px;padding:0 10px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.mz-btn--lg{height:44px;padding:0 20px;font-size:var(--fs-lg)}.mz-btn--icon{width:36px;padding:0}.mz-btn--icon.mz-btn--sm{width:28px}.mz-input{display:block;width:100%;height:36px;padding:0 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-base);color:var(--text);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.mz-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--sh-focus)}.mz-input::placeholder{color:var(--text-subtle)}.mz-input--with-icon{padding-left:34px}.mz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.mz-card__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.mz-card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.mz-card__body{padding:var(--sp-5)}.mz-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:1.4;background:var(--mz-ink-100);color:var(--mz-ink-700)}.mz-badge--primary{background:var(--primary-soft);color:var(--mz-blue-700)}.mz-badge--accent{background:var(--accent-soft);color:var(--mz-orange-700)}.mz-badge--success{background:var(--mz-success-50);color:var(--mz-success-700)}.mz-badge--warning{background:var(--mz-warning-50);color:var(--mz-warning-700)}.mz-badge--danger{background:var(--mz-danger-50);color:var(--mz-danger-700)}.mz-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.mz-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--mz-blue-500),var(--mz-blue-700));color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold);flex-shrink:0}.mz-avatar--sm{width:24px;height:24px;font-size:var(--fs-xs)}.mz-avatar--lg{width:44px;height:44px;font-size:var(--fs-lg)}.mz-avatar--orange{background:linear-gradient(135deg,var(--mz-orange-400),var(--mz-orange-600))}.mz-avatar--ink{background:linear-gradient(135deg,var(--mz-ink-600),var(--mz-ink-800))}.mz-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-base)}.mz-table th{text-align:left;font-weight:var(--fw-medium);font-size:var(--fs-sm);color:var(--text-muted);padding:10px var(--sp-4);background:var(--surface-alt);border-bottom:1px solid var(--border)}.mz-table th:first-child{border-top-left-radius:var(--r-md)}.mz-table th:last-child{border-top-right-radius:var(--r-md)}.mz-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.mz-table tr:last-child td{border-bottom:0}.mz-table tr:hover td{background:var(--surface-alt)}.mz-progress{height:6px;width:100%;background:var(--mz-ink-100);border-radius:var(--r-pill);overflow:hidden}.mz-progress__bar{height:100%;background:var(--primary);border-radius:var(--r-pill);transition:width var(--dur-slow) var(--ease)}.mz-progress__bar--accent{background:var(--accent)}
