*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--danger: #dc2626;--danger-hover: #b91c1c;--success: #16a34a;--success-light: #dcfce7;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}html,body{font-family:Heebo,sans-serif;background:var(--gray-50);color:var(--gray-800);direction:rtl;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:15px;font-weight:500;transition:all .15s ease;min-height:44px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-outline{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover{background:var(--gray-100)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-lg{padding:14px 28px;font-size:17px;min-height:52px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:15px;transition:border-color .15s;min-height:44px;background:#fff}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}@media(max-width:768px){.btn-lg{width:100%}}