*{box-sizing:border-box}:root{--bg: #f7f7f8;--bg-primary: #fff;--bg-secondary: #f3f4f6;--card: #fff;--text: #111827;--text-primary: #111827;--text-secondary: #6b7280;--muted: #6b7280;--border: #e5e7eb;--primary: #111827;--secondary: #4b5563;--ghost: transparent;--info: #2563eb;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--surface-info: #eff6ff;--surface-success: #ecfdf3;--surface-warning: #fef3c7;--surface-danger: #fef2f2}.theme-dark{--bg: #0f172a;--bg-primary: #111827;--bg-secondary: #1f2937;--card: #111827;--text: #e5e7eb;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--muted: #9ca3af;--border: #1f2937;--primary: #e5e7eb;--secondary: #9ca3af;--ghost: transparent;--info: #60a5fa;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--surface-info: #0b1729;--surface-success: #0f1f17;--surface-warning: #1f1a0f;--surface-danger: #211213}body{margin:0;font-family:system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}html,#root{height:100%}.container{max-width:960px;margin:24px auto;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px}h1{font-size:22px;margin:0 0 16px}.section{margin:16px 0}.field{display:flex;flex-direction:column;gap:6px;margin:8px 0}.label{font-weight:600}.input,select,textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--card);color:var(--text)}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.btn{padding:10px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-sm{padding:8px 12px;font-size:13px}.btn-md{font-size:14px}.btn-lg{padding:12px 16px;font-size:15px}.tone-info{background:var(--surface-info);border-color:#2563eb40;color:var(--text)}.tone-success{background:var(--surface-success);border-color:#16a34a40;color:var(--text)}.tone-warning{background:var(--surface-warning);border-color:#d9770640;color:var(--text)}.tone-danger{background:var(--surface-danger);border-color:#dc262640;color:var(--text)}.table{width:100%;border-collapse:collapse;margin-top:8px}.table th,.table td{border:1px solid var(--border);padding:8px;font-size:14px}.table-actions{display:flex;gap:8px;margin-top:8px}.small{font-size:12px;color:var(--muted)}