:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--bg-light: #f8fafc;--bg-white: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,Noto Sans Arabic,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.6}[dir=rtl]{font-family:Noto Sans Arabic,Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--border)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-icon{padding:.5rem;background:transparent}.btn-icon:hover{background-color:var(--bg-light)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-white);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--danger)}.form-group .error-message{color:var(--danger);font-size:.75rem;margin-top:.25rem}.card{background-color:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.nav{background-color:var(--bg-white);box-shadow:var(--shadow);padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.vote-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s}.vote-btn:hover{color:var(--primary)}.vote-btn.upvoted{color:var(--success)}.vote-btn.downvoted{color:var(--danger)}.vote-btn .vote-count{font-weight:600;font-size:.875rem}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}[dir=rtl] .nav-links{flex-direction:row-reverse}