:root{--bg: #f5f6fa;--card: #ffffff;--border: #e3e6ee;--text: #1f2430;--muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--danger: #dc2626;--warning: #f59e0b;--success: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:14px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;transition:all .15s ease}button:hover{border-color:var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,select{font-family:inherit;font-size:14px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);width:100%;outline:none;transition:border-color .15s ease}input:focus,select:focus{border-color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:14px}