:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0}.container{max-width:1200px;margin:0 auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.bg-primary-50{background:#eef2ff}.bg-primary-100{background:#e0e7ff}.bg-primary-600{background:#4f46e5}.text-primary-50{color:#eef2ff}.text-primary-600{color:#4f46e5}.text-primary-700{color:#4338ca}.bg-success-100{background:#dcfce7}.text-success-500{color:#22c55e}.text-success-600{color:#16a34a}.bg-warning-100{background:#fef9c3}.text-warning-600{color:#ca8a04}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.btn-primary{background:#4f46e5;color:#fff;border-radius:10px;padding:10px 16px;display:inline-flex;align-items:center;gap:8px}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.p-6{padding:1.5rem}.py-20{padding:5rem 0}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.rounded-lg{border-radius:12px}