:root{--bg-primary: #060b0f;--bg-secondary: rgba(13, 22, 31, .7);--bg-tertiary: rgba(22, 38, 54, .4);--primary: #14b8a6;--primary-hover: #0d9488;--primary-gradient: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);--gold-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--accent-gold: #f59e0b;--accent-gold-hover: #d97706;--accent-emerald: #10b981;--accent-emerald-bg: rgba(16, 185, 129, .1);--accent-gold-bg: rgba(245, 158, 11, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(148, 163, 184, .15);--border-focus: rgba(20, 184, 166, .5);--glass-bg: rgba(9, 17, 26, .65);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--glass-highlight: rgba(255, 255, 255, .02);--font-arabic: "Tajawal", sans-serif;--font-english: "Outfit", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-english);min-height:100vh;overflow-x:hidden;line-height:1.6;position:relative}body:before{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(20,184,166,.12) 0%,transparent 70%);z-index:-1;pointer-events:none}body:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(245,158,11,.07) 0%,transparent 70%);z-index:-1;pointer-events:none}html[dir=rtl] body{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}p{color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.header-nav{position:sticky;top:0;z-index:50;background:#060b0fbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:var(--transition-smooth)}.header-container{display:flex;justify-content:space-between;align-items:center;height:5rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;font-size:1.75rem;background:linear-gradient(to right,#14b8a6,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition-smooth)}.logo-icon{width:2.25rem;height:2.25rem;stroke:var(--primary);stroke-width:2.5}.logo:hover{opacity:.9;transform:scale(1.02)}.nav-actions{display:flex;align-items:center;gap:1.5rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:var(--transition-smooth);text-decoration:none;font-family:inherit}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #14b8a659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a673}.btn-gold{background:var(--gold-gradient);color:#060b0f;box-shadow:0 4px 14px #f59e0b4d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#1e293bcc;border-color:var(--text-secondary)}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef44444d}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:.5rem}.lang-selector{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);padding:.5rem 1rem;border-radius:.75rem;font-weight:500;cursor:pointer;font-family:inherit;transition:var(--transition-smooth)}.lang-selector:hover{background:var(--bg-tertiary);border-color:var(--primary)}.hero{padding:5rem 0 3.5rem;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:var(--accent-gold-bg);border:1px solid rgba(245,158,11,.2);color:var(--accent-gold);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.hero h2{font-size:3rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;line-height:1.15}html[dir=rtl] .hero h2{font-size:3.25rem;line-height:1.3}.hero p{font-size:1.15rem;color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;line-height:1.6}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding-bottom:5rem}.book-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1.25rem;overflow:hidden;box-shadow:var(--glass-shadow);transition:var(--transition-smooth);display:flex;flex-direction:column;position:relative}.book-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.25rem;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 100%);pointer-events:none}.book-card:hover{transform:translateY(-8px);border-color:#14b8a659;box-shadow:0 12px 40px #0009}.book-card-cover{width:100%;height:250px;position:relative;overflow:hidden;background:var(--bg-tertiary)}.book-card-cover img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.book-card:hover .book-card-cover img{transform:scale(1.05)}.book-card-content{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.book-card h3{font-size:1.35rem;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.book-card-desc{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5rem}.progress-container{margin-bottom:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem}.progress-percent{font-weight:700;color:var(--primary)}.progress-funded-text{color:var(--text-secondary)}.progress-track{width:100%;height:.6rem;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid rgba(255,255,255,.02)}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:9999px;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--bg-tertiary);border:1px solid var(--glass-border);padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;text-align:start}.stat-item-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-item-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070acc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 24px 64px #000000b3;border-radius:1.5rem;width:100%;max-width:550px;overflow:hidden;position:relative;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.75rem 2rem 1rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{font-size:1.5rem}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:2rem;max-height:calc(85vh - 120px);overflow-y:auto}.form-group{margin-bottom:1.5rem;text-align:start}.form-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-input,.form-textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);padding:.85rem 1.15rem;border-radius:.75rem;font-family:inherit;font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #14b8a626}.form-textarea{min-height:120px;resize:vertical}.form-warning{margin-top:.5rem;font-size:.85rem;color:var(--accent-gold);display:flex;align-items:center;gap:.35rem}.payment-badge{background:var(--bg-tertiary);border:1px solid var(--glass-border);padding:1rem;border-radius:.75rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.75rem;display:flex;gap:.75rem;align-items:flex-start}.payment-badge-icon{color:var(--primary);flex-shrink:0;margin-top:.15rem}.admin-login-layout{min-height:calc(100vh - 10rem);display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem}.admin-login-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem;padding:2.5rem;width:100%;max-width:450px;text-align:center}.admin-login-card h2{font-size:1.75rem;margin-bottom:.5rem}.admin-login-card p{font-size:.95rem;margin-bottom:2.5rem}.admin-dashboard{padding:3rem 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}.admin-header-title h2{font-size:2.25rem}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem 1.75rem;border-radius:1rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--glass-shadow)}.metric-icon-wrapper{background:var(--accent-emerald-bg);color:var(--primary);width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.metric-icon-wrapper.gold{background:var(--accent-gold-bg);color:var(--accent-gold)}.metric-details{display:flex;flex-direction:column}.metric-label{font-size:.85rem;color:var(--text-muted)}.metric-value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.tabs-nav{display:flex;gap:1rem;border-bottom:1px solid var(--border-color);margin-bottom:2.5rem}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.05rem;font-weight:600;padding:.75rem 1.5rem;cursor:pointer;font-family:inherit;position:relative;transition:var(--transition-fast)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-gradient)}.admin-split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem}@media (max-width: 900px){.admin-split-layout{grid-template-columns:1fr}}.admin-form-panel,.admin-list-panel{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2rem;border-radius:1.25rem;height:fit-content}.admin-form-panel h3,.admin-list-panel h3{margin-bottom:1.5rem;font-size:1.35rem;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem}.admins-list{display:flex;flex-direction:column;gap:1rem}.admin-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);border:1px solid var(--glass-border);padding:1rem 1.5rem;border-radius:.75rem;transition:var(--transition-fast)}.admin-item:hover{border-color:#ffffff1a}.admin-item-info{display:flex;flex-direction:column;gap:.25rem;text-align:start}.admin-item-username{font-weight:700;display:flex;align-items:center;gap:.5rem}.blocked-badge{background:#ef444426;color:#f87171;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:.25rem;text-transform:uppercase}.admin-item-date{font-size:.75rem;color:var(--text-muted)}.admin-item-actions{display:flex;gap:.75rem}.feedback-screen{min-height:calc(100vh - 10rem);display:flex;justify-content:center;align-items:center;padding:4rem 1.5rem}.feedback-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem;padding:3.5rem 2.5rem;max-width:550px;width:100%;text-align:center}.feedback-icon-circle{width:5rem;height:5rem;border-radius:50%;background:var(--accent-emerald-bg);color:var(--accent-emerald);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.feedback-icon-circle.error{background:#ef44441a;color:#ef4444}.feedback-card h2{font-size:2rem;margin-bottom:1rem}.feedback-card p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2.5rem}.feedback-details{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:.75rem;padding:1.5rem;margin-bottom:2.5rem;text-align:start}.feedback-details-title{font-weight:700;font-size:.95rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--text-muted)}.detail-val{font-weight:600;color:var(--text-primary)}.activity-stream{margin-top:2rem;border-top:1px solid var(--glass-border);padding-top:1.5rem;text-align:start}.activity-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.activity-item{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.03);padding:.75rem 1rem;border-radius:.6rem;font-size:.85rem}.activity-item-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.activity-donor{font-weight:700}.activity-amount{color:var(--primary);font-weight:700}.activity-msg{color:var(--text-secondary);font-style:italic;margin-top:.25rem}.activity-date{font-size:.75rem;color:var(--text-muted)}footer{text-align:center;padding:3rem 0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}.alert-banner{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25);padding:1rem 1.5rem;border-radius:.75rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;text-align:start}