:root {
    --primary: #6d4aff; --primary-dark: #5a3fd8; --primary-light: #8f7bff;
    --success: #10b981; --danger: #ef4444; --warning: #f59e0b;
    --background: #f8fafc; --surface: #ffffff; --text: #1e293b; --text-muted: #64748b; --border: #e2e8f0;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: var(--background); color: var(--text); line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 2rem; }
header { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: white; padding: 1.5rem 2rem; box-shadow: 0 2px 8px rgba(109, 74, 255, 0.3); }
header h1 { font-size: 1.5rem; font-weight: 600; }
nav { display: flex; justify-content: space-between; align-items: center; }
nav a { color: white; text-decoration: none; padding: 0.5rem 1rem; border-radius: 6px; transition: background 0.2s; }
nav a:hover { background: rgba(255, 255, 255, 0.1); }
.card { background: var(--surface); border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); padding: 2rem; margin-bottom: 1.5rem; border: 1px solid var(--border); }
.card-title { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: var(--text); }
.form-group { margin-bottom: 1.5rem; }
.form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--text); }
.form-input { width: 100%; padding: 0.75rem