@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--silah-primary:#2d8a6e;--silah-accent:#4fc4a8;--silah-dark:#1a2f2a;--silah-light:#f8f6f3;--silah-gray:#6b7c7a;--silah-teal:#3da78a;--silah-cream:#faf8f5;--silah-sage:#a8b5a5;--silah-font-primary:"Georgia","Times New Roman",serif;--silah-font-secondary:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--silah-font-arabic:"KFGQPC Uthmanic Script HAFS","Traditional Arabic",serif;--silah-spacing-lg:4rem;--silah-spacing-xl:6rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--silah-radius-sm:8px;--silah-radius-md:16px;--silah-radius-lg:24px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--silah-shadow-soft:0 4px 20px #2c5f4f14;--silah-shadow-medium:0 8px 30px #2c5f4f1f;--silah-shadow-strong:0 12px 40px #2c5f4f29;--shadow-sm:0 4px 20px #2c5f4f14;--shadow-md:0 8px 30px #2c5f4f1f;--shadow-xl:0 12px 40px #2c5f4f29;--font-lg:1.25rem;--transition-fast:0.2s ease;--font-arabic:"KFGQPC Uthmanic Script HAFS","Traditional Arabic",serif}body{background-color:#f8f6f3;background-color:var(--silah-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--silah-font-secondary);font-size:16px;line-height:1.8;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#1a2f2a;color:var(--silah-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--silah-font-primary);font-weight:400;line-height:1.3;margin-bottom:var(--silah-spacing-sm)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:#6b7c7a;color:var(--silah-gray);margin-bottom:var(--silah-spacing-sm)}a{color:var(--silah-primary);transition:all .3s ease}a:hover{color:#d4af37;color:var(--silah-secondary)}img{display:block}button{cursor:pointer;font-family:inherit}.container{padding:0 var(--silah-spacing-md)}.section{padding:6rem 0;padding:var(--silah-spacing-xl) 0;position:relative}.section-title{margin-bottom:2rem;margin-bottom:var(--silah-spacing-md)}.section-description,.section-subtitle{color:#6b7c7a;color:var(--silah-gray);font-size:1.1rem;font-style:italic;margin:0 auto 4rem;margin:0 auto var(--silah-spacing-lg);max-width:700px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in{animation:fadeIn 1s ease-out}.fade-in-up{animation:fadeInUp 1s ease-out}@media (max-width:768px){.section{padding:4rem 0;padding:var(--silah-spacing-lg) 0}.container{padding:0 1rem;padding:0 var(--silah-spacing-sm)}}:root{--primary:#2d8a6e;--primary-dark:#1e6b52;--primary-light:#e6fcf5;--secondary:#d4af37;--accent:#10b981;--primary-color:var(--primary);--primary-hover:var(--primary-dark);--primary-rgb:45,138,110;--muted:#64748b;--cream:#fff9f0;--surface:#fff;--light-bg:#f8fafc;--text:#0f172a;--text-muted:#475569;--border-color:#cbd5e1;--shadow:#2d8a6e26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:50px;--shadow-sm:0 2px 10px #0000000f;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 30px #0000001f;--font-heading:Georgia,"Times New Roman",serif;--font-body:"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max-width:1200px;--content-max-width:800px;--transition-base:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--glass-bg:#ffffffbf;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--glass-blur:blur(12px);--premium-shadow:0 10px 40px -10px #0000001a;--premium-shadow-hover:0 20px 50px -12px #2d8a6e26}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--light-bg);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-body);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,serif;font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}h3{font-size:clamp(1.25rem,3vw,1.875rem);font-size:clamp(var(--text-xl),3vw,var(--text-3xl))}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}input,select,textarea{border:1px solid #cbd5e1!important;border:1px solid var(--border-color)!important}input:focus,select:focus,textarea:focus{border-color:#2d8a6e!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #2d8a6e33!important}p{color:#475569;color:var(--text-muted);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#2d8a6e;color:var(--primary);text-decoration:none;transition:color .3s ease;transition:color var(--transition-base)}a:hover{color:#10b981;color:var(--accent)}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max-width);padding:0 2rem;padding:0 var(--space-xl);width:100%}.content-wrapper{margin:0 auto;max-width:800px;max-width:var(--content-max-width)}.btn{align-items:center;border:none!important;border-radius:10px;display:inline-flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--text-base);gap:.5rem;gap:var(--space-sm);justify-content:center;line-height:1;outline:none!important;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-align:center;transition:all .3s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:linear-gradient(135deg,#2d8a6e,#10b981);border:none!important;box-shadow:0 4px 15px #2d8a6e4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#d4af37,#d4af37);box-shadow:0 2px 10px #0000000f}.btn-secondary:hover:not(:disabled){box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{border:2px solid #2d8a6e;color:#2d8a6e}.btn-outline:hover:not(:disabled){background:#2d8a6e;background:var(--primary);color:#fff}.btn-ghost{background:#0000;color:#2d8a6e;color:var(--primary)}.btn-ghost:hover:not(:disabled){background:#2c5f4f1a}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1.5rem 3rem;padding:var(--space-lg) var(--space-2xl)}.card{background:#fff9f0;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:2rem;padding:var(--space-xl);transition:all .3s ease;transition:all var(--transition-base)}.card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-4px)}.card-surface{background:#fff;background:var(--surface)}.card-flat{border:1px solid #00000014;box-shadow:none}.spinner{border:3px solid #2c5f4f1a;border-top:3px solid var(--primary)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{font-size:14px}.container{padding:0 1rem;padding:0 var(--space-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{justify-content:center;width:100%}}@media (max-width:480px){.container{padding:0 1rem;padding:0 var(--space-md)}}[data-theme=dark]{--primary:#3da78a;--primary-dark:#2d8a6e;--primary-light:#3da78a26;--secondary:#dab63a;--accent:#5fd4b8;--cream:#1a1a1a;--surface:#1e1e1e;--light-bg:#121212;--background:#1a1a1a;--card-bg:#242424;--text:#e5e5e5;--text-muted:#a0a0a0;--text-light:#8a8a8a;--text-secondary:#999;--border:#333;--shadow:#0000004d;--shadow-sm:0 2px 10px #0003;--shadow-md:0 4px 20px #00000040;--shadow-lg:0 8px 30px #0000004d;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b}[data-theme=dark] body{background-color:#121212;color:#e5e5e5}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] select.form-input{background:#2a2a2a;border-color:#404040;color:#e5e5e5}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{background:#2a2a2a;border-color:#2d8a6e;border-color:var(--primary)}[data-theme=dark] .form-input::placeholder{color:#666}[data-theme=dark] .form-section,[data-theme=dark] .section-card,[data-theme=dark] .settings-card{background:#1e1e1e;border-color:#333}[data-theme=dark] .admin-tabs{background:#1a1a1a}[data-theme=dark] .tab-btn{color:#999}[data-theme=dark] .tab-btn.active{background:#2a2a2a;color:#2d8a6e;color:var(--primary)}[data-theme=dark] .admin-table th{background:#1a1a1a;color:#ccc}[data-theme=dark] .admin-table td{border-color:#333}[data-theme=dark] .admin-table tbody tr:hover{background:#3da78a14}[data-theme=dark] .admin-search{background:#1e1e1e;border-color:#333}[data-theme=dark] .search-input{color:#e5e5e5}[data-theme=dark] .alert{background:#ffffff0d}[data-theme=dark] .btn-app-secondary{background:#2a2a2a;border-color:#404040;color:#e5e5e5}[data-theme=dark] .btn-app-secondary:hover{background:#333}[data-theme=dark] .app-header,[data-theme=dark] .sidebar{background:#1a1a1a;border-color:#333}[data-theme=dark] .activity-item{background:#1e1e1e}[data-theme=dark] .activity-item:hover{background:#252525}[data-theme=dark] .selection-card{background:#1e1e1e}[data-theme=dark] .selection-card:hover{background:#252525;border-color:#404040}[data-theme=dark] .selection-card.selected{background:#3da78a1f;border-color:#2d8a6e;border-color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark]{--glass-bg:#1e1e1ea6;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d}.app-page{background:linear-gradient(180deg,#fafbfa,#f5f7f6);min-height:100vh}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffffa;box-shadow:0 1px 0 #0000000d;justify-content:space-between;padding:.75rem 1.5rem;position:sticky;top:0;z-index:1100}.app-header,.app-header-left{align-items:center;display:flex;gap:1rem}.app-header-center{display:flex;flex:1 1;justify-content:center}.app-header-center h1{color:var(--text);font-size:1.125rem;font-weight:600;margin:0}.app-header-right{align-items:center;display:flex;gap:.75rem}.back-link{align-items:center;border-radius:8px;color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;text-decoration:none;transition:all .2s ease}.back-link:hover{background:#2d8a6e14}.app-logo img{display:block;height:70px;width:auto}.user-info{align-items:center;background:var(--cream);border-radius:24px;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.5rem;padding:.375rem .75rem}.user-info-name{color:var(--text);font-weight:600}.app-content{box-sizing:border-box;padding:1.5rem 2rem;width:100%}.app-content-centered{margin:0 auto;max-width:1100px;padding:1.5rem}.app-content-narrow{margin:0 auto;max-width:720px}.app-content-wide{margin:0 auto;max-width:1400px}.section-card{background:#fff;border:1px solid #00000008;border-radius:24px;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000005;margin-bottom:1.25rem;padding:1.5rem}.section-card-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-card-title{align-items:center;color:var(--text);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin:0}.section-card-action{color:var(--primary);font-size:.8125rem;font-weight:600;padding:.25rem 0;text-decoration:none;transition:color .2s ease}.section-card-action:hover{color:var(--accent)}.list-item{align-items:center;background:var(--cream);border-radius:18px;display:flex;gap:1rem;margin-bottom:.625rem;padding:1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.list-item:last-child{margin-bottom:0}.list-item:hover{background:#2d8a6e0a;transform:translateX(2px)}.list-item-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.list-item-content{flex:1 1;min-width:0}.list-item-title{color:var(--text);font-size:.9375rem;font-weight:600;line-height:1.3;margin:0 0 .125rem}.list-item-subtitle{color:var(--text-muted);font-size:.8125rem;margin:0}.list-item-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.6875rem;gap:.25rem;padding:.25rem .625rem;white-space:nowrap}.badge-success{background:#10b9811a;color:#059669}.badge-warning{background:#f59e0b1a;color:#d97706}.badge-danger{background:#ef44441a;color:#dc2626}.badge-info{background:#2d8a6e1a;color:var(--primary)}.badge-muted{background:#0000000d;color:var(--text-muted)}.empty-state{color:var(--text-muted);padding:2.5rem 1.5rem;text-align:center}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-state-text{font-size:.9375rem;line-height:1.5;margin:0 auto;max-width:280px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-state-text{color:var(--text-muted);font-size:.875rem;margin:0}.form-group{margin-bottom:1rem}.form-label{color:var(--text);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.375rem}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;color:var(--text);font-family:inherit;font-size:.9375rem;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2d8a6e1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-textarea{min-height:100px;resize:vertical}.form-hint{color:var(--text-muted);font-size:.75rem;margin-top:.375rem}input[type=checkbox],input[type=radio]{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1.5px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;margin-right:.5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);vertical-align:middle;width:1.25rem}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=checkbox]:indeterminate,input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 2px 4px #2d8a6e33}input[type=checkbox]:checked:after{border:2.5px solid #fff;border-right:none;border-top:none;content:"";height:.35rem;transform:rotate(-45deg) translateY(-2px) translateX(.5px);width:.65rem}input[type=checkbox]:indeterminate:after{background-color:#fff;border-radius:1px;content:"";height:2.5px;width:.625rem}input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:.6rem;width:.6rem}input[type=checkbox]:focus,input[type=radio]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2d8a6e26,0 2px 4px #2d8a6e1a;outline:none}input[type=checkbox]:hover,input[type=radio]:hover{background-color:#f9fafb;border-color:var(--primary)}input[type=checkbox]:checked:hover,input[type=checkbox]:indeterminate:hover,input[type=radio]:checked:hover{background-color:#236b56;background-color:var(--primary-dark,#236b56)}.selection-banner{align-items:center;background:#1e293b;border-radius:999px;bottom:2rem;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0003;color:#fff;display:flex;gap:1.5rem;left:50%;opacity:0;padding:.75rem 1.5rem;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.selection-banner.active{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.selection-count{border-right:1px solid #fff3;font-size:.875rem;font-weight:600;padding-right:1.5rem}.selection-actions{align-items:center;display:flex;gap:.75rem}.selection-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.selection-btn:hover{background:#ffffff1a}.selection-btn-danger:hover{background:#dc2626}.btn-app{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-app-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);box-shadow:0 2px 8px #2d8a6e40;color:#fff}.btn-app-primary:hover:not(:disabled){box-shadow:0 4px 12px #2d8a6e4d;transform:translateY(-1px)}.btn-app-secondary{background:#fff;border:1.5px solid #e5e5e5;color:var(--text)}.btn-app-secondary:hover:not(:disabled){background:var(--cream);border-color:#d5d5d5}.btn-app-ghost{background:#0000;color:var(--text-muted);padding:.5rem .75rem}.btn-app-ghost:hover:not(:disabled){background:#0000000a;color:var(--text)}.btn-app:disabled{cursor:not-allowed;opacity:.5}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.stat-item{background:#fff;border:1px solid #00000005;border-radius:18px;box-shadow:0 4px 6px -1px #0000000a;padding:1.25rem;text-align:center}.stat-value{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.stat-item.primary .stat-value{color:var(--primary)}.stat-item.success .stat-value{color:#059669}.stat-item.warning .stat-value{color:#d97706}.stat-item.danger .stat-value{color:#dc2626}.message-bubble{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;gap:.75rem;margin-bottom:.75rem;padding:1rem}.message-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.message-body{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.message-sender{color:var(--text);font-size:.875rem;font-weight:600}.message-time{color:var(--text-muted);font-size:.75rem}.message-content{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.message-bubble.pinned{background:linear-gradient(135deg,#fffdf5,#fff9eb);border-left:3px solid var(--secondary)}.message-bubble.sent{background:linear-gradient(135deg,#2d8a6e08,#2d8a6e0f)}.tabs{background:#0000000a;border-radius:12px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tab-btn{background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.8125rem;font-weight:600;padding:.625rem 1rem;transition:all .2s ease}.tab-btn:hover{background:#ffffff80;color:var(--text)}.tab-btn.active{background:#fff;border:1px solid #2d8a6e1f;box-shadow:0 2px 8px #2d8a6e26;color:var(--primary)}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-chip{background:#fff;border:1.5px solid #e5e5e5;border-radius:24px;color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.cards-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.content-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:block;padding:1.5rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.content-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.content-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.content-card-title{color:var(--text);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.content-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.8125rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.content-card-footer{align-items:center;border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding-top:.75rem}.content-card-meta{color:var(--text-muted);font-size:.75rem}.alert{align-items:flex-start;border-radius:16px;display:flex;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.alert-icon{flex-shrink:0;font-size:1.25rem}.alert-content{flex:1 1}.alert-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.alert-text{font-size:.8125rem;line-height:1.5;margin:0}.alert-success{background:#10b98114;color:#065f46}.alert-warning{background:#f59e0b14;color:#92400e}.alert-error{background:#ef444414;color:#991b1b}.alert-info{background:#2d8a6e14;color:var(--primary-dark)}.welcome-banner{background:linear-gradient(135deg,var(--primary) 0,#3da78a 100%);border-radius:16px;color:#fff;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.welcome-banner:before{background:#ffffff0d;border-radius:50%;content:"";height:200px;position:absolute;right:-10%;top:-50%;width:200px}.welcome-banner h1{color:#fff;font-size:1.375rem;font-weight:600;margin:0 0 .375rem}.welcome-banner p{color:#ffffffd9;font-size:.9375rem;font-weight:400;margin:0}@media (max-width:768px){.app-header{gap:.5rem;padding:.5rem .75rem}.app-content,.app-content-centered{padding:1rem}.section-card{border-radius:14px;padding:1rem}.section-card-header{flex-wrap:wrap;gap:.5rem}.stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr}.welcome-banner{padding:1.25rem}.welcome-banner h1{font-size:1.25rem}.list-item{gap:.75rem;padding:.75rem}.message-bubble{gap:.5rem;padding:.75rem}.message-header{flex-wrap:wrap;gap:.25rem}.btn-app{font-size:.8125rem;min-height:44px;padding:.625rem 1rem}.form-input,.form-select,.form-textarea{font-size:16px;min-height:48px;padding:.75rem 1rem}.alert{border-radius:12px;padding:.75rem 1rem}.content-card{border-radius:14px;padding:1rem}.app-logo img{height:50px}}@media (max-width:480px){.app-header-center h1{font-size:.9375rem}.app-content{padding:.75rem}.user-info{display:none}.stats-grid{gap:.375rem;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:14px;padding:.875rem .75rem}.stat-value{font-size:1.375rem}.stat-label{font-size:.6875rem}.section-card{border-radius:12px;margin-bottom:.75rem;padding:.875rem}.section-card-title{font-size:.875rem}.list-item{border-radius:12px;padding:.625rem}.list-item-icon{font-size:1rem;height:36px;width:36px}.list-item-title{font-size:.875rem}.list-item-subtitle{font-size:.75rem}.welcome-banner{border-radius:12px;padding:1rem}.welcome-banner h1{font-size:1.125rem}.welcome-banner p{font-size:.8125rem}.content-card{border-radius:12px;padding:.875rem}.content-card-title{font-size:.9375rem}.badge{font-size:.625rem;padding:.1875rem .5rem}.empty-state{padding:1.5rem 1rem}.empty-state-icon{font-size:2rem}.back-link,.empty-state-text{font-size:.8125rem}.back-link{align-items:center;display:inline-flex;min-height:44px;padding:.375rem .625rem}}@font-face{font-display:swap;font-family:KFGQPC Uthmanic Script HAFS;font-style:normal;font-weight:400;src:url(/static/media/KFGQPC-Uthmanic-Script-HAFS.972728a4d15979c86c1c.otf) format("opentype")}@font-face{font-display:swap;font-family:KFGQPC Hafs Uthmanic Script;font-style:normal;font-weight:400;src:url(/static/media/KFGQPC-Hafs.fc5e96a1b723dad58d69.woff2) format("woff2")}.ayah-text,.basmallah-text,.mushaf-page,.quran-text,.surah-header__name{font-family:KFGQPC Hafs Uthmanic Script,Amiri,Traditional Arabic,serif}.container-responsive{margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}@media (min-width:768px){.container-responsive{padding:0 1.5rem}}@media (min-width:1024px){.container-responsive{padding:0 2rem}}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:480px){.responsive-grid.cols-2,.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-grid.cols-3,.responsive-grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;border-radius:var(--radius-md,10px);overflow-x:auto;width:100%}.table-responsive-wrapper table{min-width:600px}@media (max-width:768px){.table-as-cards thead{display:none}.table-as-cards tbody tr{background:#fff;border:1px solid #0000000a;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;margin-bottom:.75rem;padding:1rem}.table-as-cards tbody td{align-items:center;border:none;border-bottom:1px solid #0000000d;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.table-as-cards tbody td:last-child{border-bottom:none}.table-as-cards tbody td:before{color:#1e293b;color:var(--text,#1e293b);content:attr(data-label);flex-shrink:0;font-size:.8125rem;font-weight:600;margin-right:1rem}}.img-responsive{display:block}.img-responsive,img{height:auto;max-width:100%}@media (max-width:768px){.btn,.btn-app,.btn-outline,.btn-primary,.btn-secondary,[role=button],a.btn,button{min-height:44px;min-width:44px}}@media (max-width:480px){html{font-size:15px}}.hide-mobile{display:block}.show-mobile{display:none!important}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}.flex-responsive{display:flex;gap:1rem}@media (max-width:768px){.flex-responsive{flex-direction:column}}.flex-wrap-mobile{display:flex;flex-wrap:nowrap}@media (max-width:768px){.flex-wrap-mobile{flex-wrap:wrap}.p-responsive{padding:1rem!important}.px-responsive{padding-left:.75rem!important;padding-right:.75rem!important}.py-responsive{padding-bottom:1rem!important;padding-top:1rem!important}.form-row{flex-direction:column}.form-row>*{flex:none!important;width:100%!important}.form-input,.form-select,.form-textarea,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{font-size:16px!important;min-height:48px}.modal-body,.modal-content,[class*=modal]>div{margin:1rem auto!important;max-height:90vh;max-width:95vw!important;overflow-y:auto;width:95vw!important}}body,html{max-width:100vw;overflow-x:hidden}@media (max-width:480px){.cards-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}}@supports (padding:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){.action-bar,.page-actions,.section-card-header,.toolbar{flex-wrap:wrap;gap:.5rem}.selection-banner{border-radius:16px!important;left:1rem!important;padding:.75rem 1rem!important;right:1rem!important;transform:translateY(100px)!important;width:auto!important}.selection-banner.active{transform:translateY(0)!important}}@media (max-width:480px){.selection-banner{bottom:1rem!important;flex-direction:column;gap:.5rem!important}.selection-count{border-bottom:1px solid #fff3;border-right:none!important;padding-bottom:.5rem;padding-right:0!important}}@media (max-width:768px){.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.125rem;overflow-x:auto}.tab-btn{flex:none;font-size:.75rem;padding:.5rem .875rem;white-space:nowrap}}@media (max-width:480px){.tabs{border-radius:10px}.tab-btn{font-size:.6875rem;padding:.5rem .75rem}}@media (max-width:768px){.filter-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.filter-chip{flex-shrink:0;white-space:nowrap}}@media (max-width:480px){.welcome-banner{border-radius:12px;padding:1rem}.welcome-banner h1{font-size:1.125rem}.welcome-banner p{font-size:.8125rem}}:root{--silah-primary:#2c5f4f;--silah-secondary:#d4af37;--silah-accent:#e5c158;--silah-light:#0a0a0a;--silah-dark:#fff;--silah-gray:#4a4a4a;--silah-cream:#f5f5f5;--silah-teal:#2c5f4f;--navbar-height:80px;--silah-spacing-xs:0.5rem;--silah-spacing-sm:1rem;--silah-spacing-md:2rem;--silah-spacing-lg:3rem;--silah-spacing-xl:4rem;--spacing-section:6rem;--silah-font-primary:Georgia,"Times New Roman",serif;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}button{background:none}button,button:active,button:focus{border:none;outline:none}html{direction:ltr;scroll-behavior:smooth;scroll-padding-top:100px}body{background-color:#fff;color:#1a1a1a;text-align:left}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);box-shadow:0 4px 15px #2d8a6e33;color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:linear-gradient(135deg,var(--secondary) 0,#d4af37 100%);box-shadow:var(--shadow-sm);color:#fff}.btn-secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.card{background:var(--cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.spinner{animation:spin .8s linear infinite;border:3px solid #2b5e4e1a;border-radius:50%;border-top-color:#2c5f4f;border-top:3px solid var(--silah-primary);height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.badge-primary{background:#2b5e4e1a;color:#2c5f4f;color:var(--silah-primary)}.badge-secondary{background:#f4a4601a;color:#d4af37;color:var(--silah-secondary)}.grid{grid-gap:24px;display:grid;gap:24px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#2c5f4f;color:var(--silah-primary)}.text-secondary{color:#d4af37;color:var(--silah-secondary)}.text-gray{color:#4a4a4a;color:var(--silah-gray)}.font-bold{font-weight:700}.mb-6{margin-bottom:3rem}.p-8{padding:4rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between}.flex-between,.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.block{display:block}.w-full{width:100%}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-red-500{color:#ef4444}.text-gray-500{color:#6b7280}.text-blue-600{color:#2563eb}.text-green-800{color:#166534}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-green-100{background-color:#dcfce7}.rounded{border-radius:.375rem}.border{border:1px solid #e5e7eb}.whitespace-pre-wrap{white-space:pre-wrap}.cursor-pointer{cursor:pointer}.hover\:underline:hover{text-decoration:underline}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.submission-content{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:.5rem;padding:1rem}.search-bar-wrapper{align-items:center;display:flex;position:relative}.search-bar-wrapper .search-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);left:.75rem;pointer-events:none;position:absolute}.search-bar-wrapper .search-input{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#1e293b;color:var(--text,#1e293b);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:border-color .2s;width:100%}.search-bar-wrapper .search-input:focus{border-color:#2d8a6e;border-color:var(--primary,#2d8a6e);box-shadow:0 0 0 3px #2d8a6e1a;outline:none}.dashboard-loading{align-items:center;color:#64748b;color:var(--text-muted,#64748b);gap:1rem;justify-content:center;min-height:400px}.dashboard-loading,.feedback-list{display:flex;flex-direction:column}.feedback-list{gap:.75rem}.empty-state-mini{color:#64748b;color:var(--text-muted,#64748b);font-size:.875rem;padding:1.5rem 1rem;text-align:center}.empty-state-mini svg{margin-bottom:.5rem;opacity:.5}.dashboard-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;transition:margin-left .3s ease;width:calc(100% - 260px)}.sidebar-collapsed .dashboard-main-content{margin-left:72px;width:calc(100% - 72px)}@media (max-width:1024px){.dashboard-main-content{padding-top:0}.dashboard-main-content,.sidebar-collapsed .dashboard-main-content{margin-left:0;width:100%}}@media (max-width:768px){.dashboard-main-content{min-height:calc(100vh - 60px)}}[data-theme=dark] .bg-gray-50{background-color:#1e1e1e}[data-theme=dark] .bg-gray-100{background-color:#242424}[data-theme=dark] .bg-green-100{background-color:#22c55e1f}[data-theme=dark] .border{border-color:#333;border-color:var(--border,#333)}[data-theme=dark] .text-gray-500{color:#a0a0a0}[data-theme=dark] .submission-content{background:#242424;background:var(--card-bg,#242424);border-color:#333;border-color:var(--border,#333)}[data-theme=dark] .search-bar-wrapper .search-input{background:#1e1e1e;background:var(--surface,#1e1e1e);border-color:#333;border-color:var(--border,#333);color:#e5e5e5;color:var(--text,#e5e5e5)}[data-theme=dark] .dashboard-loading{color:#a0a0a0;color:var(--text-muted,#a0a0a0)}.micro-copy{color:#ffffff80;font-size:.875rem}@media (max-width:768px){.homepage{overflow-y:auto;scroll-behavior:smooth}.homepage>div>section,.homepage>section{display:flex;flex-direction:column;justify-content:center;min-height:auto;overflow:visible}.hero-section{min-height:100vh;min-height:100dvh;padding-bottom:1.5rem;padding-top:80px}.community-section,.faq-section,.final-cta-section,.how-it-works,.testimonials-section,.what-is-silah,.who-is-this-for{min-height:auto;padding-bottom:2.5rem;padding-top:2.5rem}}@media (max-width:480px){.hero-section{padding-top:70px}.community-section,.faq-section,.final-cta-section,.how-it-works,.testimonials-section,.what-is-silah,.who-is-this-for{padding-bottom:2rem;padding-top:2rem}}[data-theme=dark] .how-it-works{background-color:#1a1f2e}[data-theme=dark] .how-it-works .step-card{background:#0f1117;border-color:#2a2f3e}[data-theme=dark] .how-it-works .step-card .step-description{color:#94a3b8}[data-theme=dark] .community-section{background-color:#0f1117}[data-theme=dark] .testimonials-section{background-color:#1a1f2e}[data-theme=dark] .testimonials-section .testimonial-card,[data-theme=dark] .testimonials-section .tweet-card,[data-theme=dark] .testimonials-section .video-testimonial-card{background:#0f1117;border-color:#2a2f3e}[data-theme=dark] .final-cta-section{background:linear-gradient(135deg,#2c5f4f1a,#0f1117)}[data-theme=dark] .final-cta-section .cta-card{background:#1a1f2e;border-color:#2a2f3e}[data-theme=dark] .faq-section{background-color:#0f1117}[data-theme=dark] .faq-section .faq-item{background:#1a1f2e;border-color:#2a2f3e}[data-theme=dark] .faq-section .faq-question{background:#1a1f2e;color:#f0f4ff}[data-theme=dark] .faq-section .faq-answer{color:#94a3b8}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #0000000d;box-shadow:var(--shadow-sm);left:0;padding:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1030;z-index:var(--z-fixed,1030)}.navbar.scrolled{background:#fffffff2;box-shadow:var(--shadow-md)}.navbar-container{gap:var(--space-lg);justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container-max-width,1200px);padding:var(--space-md) var(--space-xl)}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{cursor:pointer;order:1;transition:transform var(--transition-base)}.navbar-logo:hover{transform:scale(1.05)}.logo-image{display:block;height:100px;width:auto}.logo-text{color:var(--primary);font-family:var(--font-heading);font-size:1.8rem;font-weight:700;letter-spacing:1px;line-height:1}.logo-subtitle{color:var(--secondary);font-size:.7rem;font-weight:600;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.navbar-menu{align-items:center;display:flex;flex:1 1;gap:var(--space-xl);justify-content:center;list-style:none;margin:0;order:2;padding:0}.navbar-menu li{color:var(--primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--space-sm) 0;position:relative;transition:all var(--transition-base)}.navbar-menu li:after{background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-base);width:0}.navbar-menu li:hover{color:var(--primary-dark);transform:translateY(-1px)}.navbar-menu li:hover:after{width:100%}.navbar-auth,.navbar-auth-desktop{align-items:center;display:flex;gap:1rem;order:3}.navbar-auth-mobile{display:none}@media (max-width:768px){.navbar-auth,.navbar-auth-desktop{display:none}}.btn-login,.btn-register{border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.6rem 1.8rem;transition:all var(--transition-base)}.btn-login{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-login:hover{background:#2c5f4f0d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,var(--primary),var(--accent));border:none!important;box-shadow:0 4px 15px #2d8a6e4d;color:#fff;outline:none!important}.btn-register:hover{background:linear-gradient(135deg,var(--accent),var(--primary));box-shadow:0 6px 20px #2d8a6e66;transform:translateY(-2px)}.mobile-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;z-index:1001}.mobile-toggle span{background:#2c5f4f;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.mobile-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:1024px){.navbar-menu{gap:1.5rem}.navbar-menu li{font-size:.9rem}}@media (max-width:768px){.navbar-container{padding:.6rem 1rem}.logo-image{height:50px}.navbar-logo{order:1}.mobile-toggle{display:flex;order:3}.navbar-menu{align-items:flex-start;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffffffa;box-shadow:-5px 0 30px #00000026;flex:none;flex-direction:column;gap:1.5rem;height:100vh;height:100dvh;justify-content:flex-start;order:2;overflow-y:auto;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:300px;z-index:1001}.navbar-menu.active{right:0}.navbar-menu li{color:var(--silah-primary);font-size:1.1rem;padding:.8rem 0;width:100%}.navbar-auth-mobile{border-top:1px solid #0000001a;display:none;flex-direction:column;gap:.8rem;margin-top:1rem;padding-top:1.5rem;width:100%}.navbar-menu.active .navbar-auth-mobile{display:flex}.btn-login,.btn-register{min-height:44px;padding:.8rem 1.5rem;width:100%}.navbar-menu li{align-items:center;display:flex;min-height:44px}.navbar-overlay{background:#00000080;inset:0;position:fixed;z-index:1000}.mobile-toggle{min-height:44px;min-width:44px;z-index:1002}.logo-text{font-size:1.5rem}.logo-subtitle{font-size:.6rem}}@media (max-width:480px){.navbar-container{padding:.5rem .75rem}.logo-image{height:40px}.logo-text{font-size:1.2rem}.logo-subtitle{font-size:.55rem}.navbar-menu{padding:5rem 1.5rem 1.5rem;right:-100%;width:100%}.navbar-menu.active{right:0}.navbar-menu li{font-size:1rem;padding:.75rem 0}.btn-login,.btn-register{font-size:.9rem;min-height:44px;padding:.75rem 1.25rem}}[data-theme=dark] .navbar{background:#0f1117eb;border-bottom-color:#ffffff0f}[data-theme=dark] .navbar.scrolled{background:#0f1117f5}[data-theme=dark] .navbar-menu li{color:#e2e8f0}[data-theme=dark] .navbar-menu li:hover{color:var(--primary)}[data-theme=dark] .mobile-toggle span{background:#e2e8f0}[data-theme=dark] .btn-login{border-color:#e2e8f0;color:#e2e8f0}[data-theme=dark] .btn-login:hover{background:#ffffff0f}@media (max-width:768px){[data-theme=dark] .navbar-menu{background:#0f1117fa}[data-theme=dark] .navbar-menu li{color:#e2e8f0}}.video-player-container{background:#000;border-radius:16px;box-shadow:0 8px 32px #00000026;overflow:hidden;position:relative;width:100%}.video-player-element{cursor:pointer;display:block;height:auto;object-fit:cover;width:100%}.video-play-overlay{align-items:center;background:#0000004d;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.video-play-overlay:hover{background:#0006}.video-play-button{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#2c5f4f;color:var(--primary,#2c5f4f);display:flex;height:80px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:80px}.video-play-overlay:hover .video-play-button{box-shadow:0 6px 30px #0006;transform:scale(1.1)}.video-play-button svg{margin-left:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-player-container.is-dragging{cursor:grabbing!important}.video-player-container.is-dragging .video-progress-handle{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.video-player-container.is-dragging .video-progress-track{height:6px}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:1;padding:1.5rem 1rem .75rem;position:absolute;right:0;transition:opacity .3s ease}.video-controls.visible{opacity:1}.video-progress-bar{align-items:center;cursor:pointer;display:flex;height:20px;padding:8px 0;width:100%}.video-progress-track{background:#ffffff4d;border-radius:4px;height:4px;position:relative;transition:height .2s ease;width:100%}.video-progress-bar:hover .video-progress-track{height:6px}.video-progress-fill{background:linear-gradient(90deg,#2c5f4f,#e5a32e);background:linear-gradient(90deg,var(--primary,#2c5f4f),var(--accent,#e5a32e));border-radius:4px;height:100%;transition:width .1s linear}.video-progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:14px}.video-progress-bar:hover .video-progress-handle{opacity:1}.video-controls-row{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.video-control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:background .2s ease}.video-control-btn:hover{background:#ffffff1a}.video-time{font-feature-settings:"tnum";color:#fff;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:500}@media (max-width:768px){.video-play-button{height:60px;width:60px}.video-play-button svg{height:32px;width:32px}.video-controls{padding:1rem .75rem .5rem}.video-time{font-size:.75rem}}.hero-section{align-items:center;background:linear-gradient(135deg,#fefdfb,#fff);display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:180px 2rem 4rem;position:relative}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:100%;padding:0 4rem;width:100%}.hero-text-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left;z-index:2}.hero-title{color:#1f4838;font-family:var(--silah-font-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.1;margin-bottom:1.5rem}.text-accent{color:var(--silah-primary)}.hero-subtitle{color:var(--silah-accent);font-family:var(--silah-font-primary);font-size:clamp(1.25rem,2vw,1.5rem);font-style:italic;line-height:1.4;margin-bottom:1rem}.hero-description{color:var(--silah-gray);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;flex-direction:column;gap:.3rem}.hero-btn-wide{display:inline-flex;justify-content:center;min-width:320px;padding-left:3rem;padding-right:3rem;text-align:center}.hero-video-wrapper{aspect-ratio:16/9;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 50px #00000080;overflow:hidden;position:relative;width:100%}.hero-video-element{height:100%;object-fit:cover;width:100%}.hero-video-overlay{background:#0003;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.video-mute-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:30px;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;position:absolute;right:20px;transition:all .3s ease;z-index:10}.video-mute-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.hero-countdown{margin-top:.5rem;width:100%}.countdown-box{background:#2d8a6e08;border:1px solid #2d8a6e1a;border-radius:16px;box-shadow:0 4px 12px #2d8a6e14;display:inline-block;min-width:320px;padding:1.5rem 3rem .8rem}.countdown-title{color:var(--silah-secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.countdown-timer{display:flex;gap:2.5rem}.countdown-unit{align-items:center;display:flex;flex-direction:column}.countdown-value{color:var(--primary);font-family:var(--silah-font-primary);font-size:1.5rem;font-weight:700;line-height:1}.countdown-label{color:var(--silah-gray);font-size:.75rem;margin-top:.25rem;text-transform:uppercase}@media (max-width:968px){.hero-section{min-height:auto;padding:100px 1.5rem 3rem}.hero-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:auto;padding-top:.5rem}.hero-text-content{display:contents}.hero-video-wrapper{height:210px;margin:0;max-width:100%;order:2;width:100%}.hero-title{font-size:2rem;order:1}.hero-subtitle,.hero-title{margin-bottom:.5rem;text-align:center;width:100%}.hero-subtitle{font-size:1rem;order:3}.hero-description{display:none}.hero-cta{margin-bottom:.5rem;order:4}.hero-countdown,.hero-cta{align-items:center;width:100%}.hero-countdown{display:flex;flex-direction:column;justify-content:center;margin-top:0;order:5}.countdown-box{max-width:360px;min-width:0;min-width:auto;padding:1.5rem;width:100%}.countdown-timer{gap:1rem;justify-content:center}}@media (max-width:768px){.hero-section{padding:80px 1.5rem 2rem}}@media (max-width:480px){.hero-section{padding:70px 1rem 2rem}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0f1117,#1a1f2e)}[data-theme=dark] .hero-title{color:#e8f0ed}[data-theme=dark] .hero-subtitle{color:#c9a94e}[data-theme=dark] .hero-description{color:#94a3b8}[data-theme=dark] .countdown-box{background:#2d8a6e14;border-color:#2d8a6e33;box-shadow:0 4px 12px #0003}[data-theme=dark] .countdown-title{color:#c9a94e}[data-theme=dark] .countdown-label{color:#94a3b8}.who-is-this-for{background-color:#fafaf8;color:var(--silah-dark);padding:6rem 2rem}.section-container{margin:0 auto;max-width:1400px;padding:0 1rem}.section-title{margin-bottom:4rem}.bullets-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr)}.bullet-item{background:#fff;border:1px solid #0000000d;border-left:4px solid var(--silah-primary);border-radius:12px;box-shadow:0 4px 12px #2c5f4f0f;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.bullet-item:hover{border-left-color:var(--silah-secondary);box-shadow:0 12px 24px #2c5f4f1f;transform:translateY(-5px)}.bullet-marker{background-color:var(--silah-primary);height:2px;margin-bottom:1.5rem;width:40px}.bullet-title{color:var(--silah-primary);font-size:1.5rem;margin-bottom:1rem}.bullet-desc{color:var(--silah-gray);line-height:1.6}.section-subtitle{display:block;text-align:center}@media (max-width:768px){.who-is-this-for{padding:3rem 1rem}.section-title{font-size:2.5rem!important;line-height:1.2;margin-bottom:1rem}.section-subtitle,.section-title{text-align:left}.bullets-container{gap:.5rem;grid-template-columns:1fr}.bullet-item{padding:1rem}.bullet-marker{margin-bottom:.5rem}.bullet-title{font-size:1.1rem;margin-bottom:.25rem}.bullet-desc{font-size:.85rem}}[data-theme=dark] .who-is-this-for{background-color:#0f1117}[data-theme=dark] .bullet-item{background:#1a1f2e;border-color:#2a2f3e;border-left-color:var(--silah-primary);box-shadow:0 4px 12px #0003}[data-theme=dark] .bullet-item:hover{box-shadow:0 12px 24px #0000004d}[data-theme=dark] .bullet-title{color:#3fac8a}[data-theme=dark] .bullet-desc{color:#94a3b8}.how-it-works{background-color:#fff;padding:6rem 2rem}.section-title{color:var(--silah-secondary)!important;font-family:var(--silah-font-primary)!important;font-size:3rem!important;font-style:italic!important;font-weight:400!important;margin-bottom:3rem;text-align:center}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.process-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 12px #2c5f4f0f;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.process-card:before{background:linear-gradient(135deg,#2c5f4f08,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.process-card:hover{background:#fff;border-color:var(--silah-primary);box-shadow:0 20px 40px #2c5f4f26;transform:translateY(-8px)}.process-card:hover:before{opacity:1}.card-icon{display:inline-block;font-size:3rem;margin-bottom:1.5rem}.card-title{color:var(--silah-primary);font-family:var(--silah-font-primary);font-size:1.5rem;margin-bottom:1rem}.card-text{color:var(--silah-gray);line-height:1.6}@media (max-width:768px){.section-title{font-size:2.5rem!important;margin-bottom:1.5rem;text-align:left}.cards-grid{gap:.75rem;grid-template-columns:1fr}.process-card{align-items:center;display:flex;gap:1rem;padding:1rem;text-align:left}.card-icon{font-size:1.5rem;margin-bottom:0}.card-title{font-size:1.1rem;margin-bottom:.25rem}.card-text{font-size:.9rem;line-height:1.3}.process-card>div:last-child{flex:1 1}}.what-is-silah{background-color:#fafaf8;padding:6rem 2rem}.split-layout{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.video-side{border:2px solid var(--silah-secondary);border-radius:16px;box-shadow:0 10px 30px #00000026;overflow:hidden}.video-side .player-wrapper{padding-top:56.25%;position:relative}.video-side .silah-video{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.text-side{text-align:left}.section-title.text-left{margin-bottom:2rem;text-align:left}.description-text{color:#4a4a4a;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}@media (max-width:968px){.split-layout{grid-template-columns:1fr}.section-title.text-left,.what-is-silah{text-align:left}}[data-theme=dark] .what-is-silah{background-color:#0f1117}[data-theme=dark] .description-text{color:#94a3b8}[data-theme=dark] .video-side{border-color:#2d8a6e4d}.community-section{background:#2c5f4f05;border-bottom:1px solid #0000000d;border-top:1px solid #0000000d;padding:8rem 2rem;text-align:center}.community-container{margin:0 auto;max-width:800px}.community-title{color:var(--silah-primary);font-family:var(--silah-font-primary);font-size:3rem;margin-bottom:2rem}.community-text{color:#4a4a4a;font-size:1.5rem;line-height:1.6}@media (max-width:768px){.community-section{padding:4rem 1.5rem;text-align:center}.community-title{font-size:2rem;text-align:center}.community-text{font-size:1.1rem;text-align:center}}.testimonials-section{color:#1a1a1a;direction:ltr;overflow:hidden;padding:var(--spacing-section) 0}.testimonials-carousel{cursor:grab;padding:0 60px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.testimonial-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #0000000d;direction:ltr;display:flex;flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;max-width:380px;min-width:300px;padding:2.5rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{background:#fff;border-color:var(--silah-secondary);box-shadow:0 15px 30px #d4af3726}.testimonial-author{border-top:1px solid #0000001a}.author-image{background:linear-gradient(135deg,var(--silah-primary),#b08d28)}.author-name{color:var(--silah-secondary)}.carousel-arrow{border:1px solid #0000001a;box-shadow:0 4px 12px #0000004d}.carousel-arrow,.carousel-arrow:hover{background:#fff;color:var(--silah-dark)}.carousel-arrow:hover{border-color:#fff}.carousel-dot{background:#fff3}.carousel-dot:hover:not(.active){background:#fff}.testimonial-modal-overlay{background:#000000d9}.testimonial-modal{background:#171717;border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080}.modal-close{background:#ffffff0d;color:#fff}.modal-close:hover{background:var(--silah-primary);color:var(--silah-dark)}.modal-quote{color:#fff}.modal-footer{border-top:1px solid #ffffff1a}@media (max-width:768px){.testimonials-track{flex-wrap:nowrap;justify-content:center;min-height:auto}.testimonial-card{flex:0 0 90%;max-width:400px}.testimonials-carousel{padding:0 40px}.carousel-arrow{font-size:1.25rem;height:40px;width:40px}}@media (max-width:480px){.testimonial-card{padding:1.25rem}.quote-icon{font-size:2.5rem}.testimonials-carousel{padding:0 2.5rem}.carousel-arrow{font-size:1.1rem;height:44px;width:44px}.carousel-dots{gap:8px;margin-top:1.5rem}.testimonial-card{flex:0 0 95%;min-width:auto}.testimonial-modal{border-radius:16px;padding:1.5rem}.modal-quote{font-size:1rem}.modal-close{height:44px;width:44px}}.testimonials-carousel:active{cursor:grabbing}.testimonials-track{align-items:stretch;display:flex;gap:var(--spacing-lg);justify-content:center;min-height:420px}.testimonial-card:hover{border-color:rgba(var(--silah-primary-rgb),.1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.quote-icon{color:var(--silah-secondary);font-family:serif;font-size:4rem;left:1.5rem;line-height:1;opacity:.15;position:absolute;top:1.5rem}.testimonial-quote{color:var(--silah-gray);flex-grow:1;font-size:1.05rem;font-weight:400;line-height:1.7;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.view-more-link{color:var(--silah-primary);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin-left:4px;transition:all .2s ease}.view-more-link:hover{color:var(--silah-secondary);text-decoration:underline}.testimonial-author{align-items:center;border-top:1px solid #0000000d;display:flex;flex-direction:row;gap:1rem;margin-top:auto;padding-top:1.5rem}.author-image{align-items:center;background:linear-gradient(135deg,var(--silah-primary),var(--silah-secondary));border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.author-info{flex-grow:1}.author-name{color:var(--silah-primary);font-size:1.1rem;font-weight:700;margin:0}.carousel-arrow{align-items:center;background:#0009;border:1px solid #fff3;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:10}.carousel-arrow:hover{background:var(--silah-primary);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-dots{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:3rem}.carousel-dot{background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:12px}.carousel-dot.active{background:var(--silah-primary);border-radius:6px;width:32px}.carousel-dot:hover:not(.active){background:var(--silah-secondary);transform:scale(1.2)}.testimonial-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.testimonial-modal{background:#fff;border:1px solid #0000000d;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:650px;overflow-y:auto;padding:3rem;position:relative;width:100%}.modal-content{position:relative;z-index:2}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:var(--silah-gray);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:#e2e8f0;color:var(--silah-primary);transform:rotate(90deg)}.modal-quote{color:#1a1a1a;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.8;margin:1rem 0 2.5rem;text-align:center}.modal-footer{align-items:center;border-top:1px solid #0000000f;display:flex;flex-direction:column;gap:1rem;padding-top:2rem}.author-image.large{font-size:1.75rem;height:64px;width:64px}.modal-author{color:var(--silah-primary);font-size:1.25rem;font-weight:700;text-align:center}@media (max-width:1024px){.testimonials-track{gap:var(--spacing-md);min-height:450px}.testimonial-card{flex-basis:calc(50% - 15px);flex-grow:0;flex-shrink:0;min-width:280px}.testimonials-carousel{padding:0 50px}}@media (max-width:768px){.testimonials-track{flex-wrap:nowrap;justify-content:flex-start;min-height:auto;transition:transform .3s ease-out;will-change:transform}.testimonial-card{flex:0 0 90%;max-width:400px;min-height:420px}.testimonials-carousel{overflow:hidden;padding:0 40px}.carousel-arrow{font-size:1.25rem;height:44px;width:44px}.testimonial-modal{padding:2rem}.modal-quote{font-size:1.1rem}}@media (max-width:480px){.testimonial-card{flex:0 0 95%;min-width:auto;padding:1.25rem}.quote-icon{font-size:2.5rem}.testimonials-carousel{padding:0 2.5rem}.carousel-arrow{font-size:1.1rem;height:44px;width:44px}.carousel-dots{gap:8px;margin-top:1.5rem}.testimonial-modal{border-radius:16px;padding:1.5rem}.modal-close{height:44px;width:44px}}.pricing-section{background:#f8f7f4;padding:6rem 0;position:relative}.pricing-section:before{background:linear-gradient(90deg,#0000,#1f483833,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.pricing-header{margin:0 auto 3.5rem;max-width:600px;text-align:center}.pricing-badge{background:#1f483814;border:1px solid #1f483833;border-radius:100px;color:#1f4838;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:2px;margin-bottom:1.25rem;padding:.4rem 1rem;text-transform:uppercase}.pricing-header h2{color:#1f4838;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:1rem}.pricing-header p{color:#666;font-size:1rem;line-height:1.7}.pricing-tiers{display:flex;flex-direction:column;gap:2.5rem}.pricing-tier{position:relative}.pricing-tier-label{align-items:center;border-radius:100px;display:inline-flex;font-size:.85rem;font-weight:800;letter-spacing:1.5px;margin-bottom:1.25rem;padding:.4rem 1.1rem;text-transform:uppercase}.pricing-tier-label.premier{background:#1f483814;border:1.5px solid #1f483833;color:#1f4838}.pricing-tier-label.ultimate{background:linear-gradient(135deg,#1f4838,#2d6a4e);color:#fff}.pricing-grid-2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.pricing-card{background:#fff;border:1.5px solid #00000012;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;padding:2rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.pricing-card:hover{box-shadow:0 12px 36px #00000017;transform:translateY(-5px)}.pricing-card--ultimate{background:linear-gradient(155deg,#1f4838,#2d6a4e);border-color:#0000;box-shadow:0 8px 32px #1f483847;color:#fff}.pricing-card--ultimate:hover{box-shadow:0 18px 48px #1f483859;transform:translateY(-5px)}.pricing-card-header{margin-bottom:1.5rem}.pricing-plan-name{color:#1f4838;font-size:1.1rem;font-weight:800;margin-bottom:.25rem}.pricing-card--ultimate .pricing-plan-name{color:#fff}.pricing-duration-badge{background:#1f483814;border-radius:100px;color:#1f4838;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1px;margin-bottom:.6rem;padding:.2rem .7rem;text-transform:uppercase}.pricing-card--ultimate .pricing-duration-badge{background:#ffffff26;color:#ffffffe6}.pricing-tagline{color:#888;font-size:.85rem;margin-bottom:1rem}.pricing-card--ultimate .pricing-tagline{color:#ffffffa6}.pricing-amount-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.35rem}.pricing-amount{align-items:flex-end;display:flex;gap:.1rem}.pricing-currency{color:#1f4838;font-size:1.4rem;font-weight:700;line-height:1;padding-bottom:5px}.pricing-card--ultimate .pricing-currency{color:#d4af37}.pricing-value{color:#1f4838;font-size:3rem;font-weight:900;letter-spacing:-1.5px;line-height:1}.pricing-card--ultimate .pricing-value{color:#fff}.pricing-period{color:#999;font-size:.82rem;margin-bottom:.25rem}.pricing-card--ultimate .pricing-period{color:#ffffff8c}.pricing-offer-badge{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.pricing-original{color:#bbb;font-size:.85rem;font-weight:600;text-decoration:line-through}.pricing-card--ultimate .pricing-original{color:#ffffff73}.pricing-offer-tag{background:#ef4444;border-radius:4px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:1px;padding:2px 6px;text-transform:uppercase}.pricing-features{flex:1 1;list-style:none;margin:0 0 1.75rem;padding:0}.pricing-features li{align-items:flex-start;border-bottom:1px solid #0000000a;color:#555;display:flex;font-size:.875rem;gap:.55rem;line-height:1.5;padding:.4rem 0}.pricing-features li:last-child{border-bottom:none}.pricing-card--ultimate .pricing-features li{border-bottom-color:#ffffff14;color:#ffffffd9}.pricing-check{color:#2d6a4e;flex-shrink:0;font-size:.9rem;font-weight:900;margin-top:1px}.pricing-card--ultimate .pricing-check{color:#d4af37}.pricing-cta{border-radius:100px;cursor:pointer;display:block;font-size:.9rem;font-weight:700;padding:.85rem 1.5rem;text-align:center;text-decoration:none;transition:all .25s ease}.pricing-cta--outline{background:#0000;border:2px solid #1f483840;color:#1f4838}.pricing-cta--outline:hover{background:#1f4838;border-color:#1f4838;box-shadow:0 6px 20px #1f483833;color:#fff;transform:translateY(-2px)}.pricing-cta--primary{background:linear-gradient(135deg,#d4af37,#f0d060);border:none;box-shadow:0 4px 16px #d4af3766;color:#1a1a1a;font-weight:800}.pricing-cta--primary:hover{box-shadow:0 8px 24px #d4af3780;transform:translateY(-2px)}.pricing-note{border-top:1px solid #0000000f;margin-top:2.5rem;padding-top:2rem;text-align:center}.pricing-note p{color:#888;font-size:.85rem;line-height:1.7;margin:0 auto;max-width:560px}.pricing-note a{border-bottom:1px solid #1f48384d;color:#1f4838;font-weight:600;text-decoration:none;transition:color .2s}.pricing-note a:hover{border-bottom-color:#d4af37;color:#d4af37}@media (max-width:700px){.pricing-grid-2{grid-template-columns:1fr}.pricing-section{padding:4rem 0}.pricing-card{padding:1.5rem}}.final-cta-section{background:linear-gradient(135deg,#2c5f4f0d,#fff);padding:6rem 2rem;text-align:center}.cta-content{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 15px 40px #2c5f4f1f;margin:0 auto;max-width:600px;padding:3rem}.cta-title{font-family:var(--silah-font-primary);font-size:2.5rem;margin-bottom:1rem}.cta-eyebrow,.cta-title{color:var(--silah-secondary)}.cta-eyebrow{display:block;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:2rem;text-transform:uppercase}.cta-reminder{color:#4a4a4a;font-size:1.1rem;font-style:italic;margin-bottom:2rem}.cta-content .micro-copy{color:#6b7280;font-weight:500}.btn-lg{font-size:1.2rem;padding:1rem 3rem}@media (max-width:768px){.final-cta-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1.5rem;text-align:center}.cta-content{margin:0;padding:2rem 1.5rem;width:100%}.cta-title{font-size:2rem}.btn-lg{padding:1rem;width:100%}}.faq-section{background:#fafaf8;direction:ltr;padding:var(--spacing-section) 0}.faq-list{margin:0 auto;max-width:900px}.faq-item{background:#fff;border:1px solid #0000000d;border-radius:var(--radius-md);box-shadow:0 2px 4px #00000005;margin-bottom:var(--spacing-md);overflow:hidden;transition:all var(--transition-fast)}.faq-item.active{background:#fff;border-color:var(--silah-primary);border-left:4px solid var(--silah-primary);box-shadow:0 4px 12px #2c5f4f14}.faq-question{align-items:center;background:none;border:none;color:var(--silah-primary);cursor:pointer;direction:ltr;display:flex;font-size:var(--font-lg);font-weight:600;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.faq-question:hover{color:var(--silah-secondary)}.faq-icon{align-items:center;background:#2c5f4f1a;border-radius:50%;color:var(--silah-primary);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.faq-item.active .faq-icon{background:var(--silah-primary);color:#fff;transform:rotate(180deg)}.faq-answer{overflow:hidden}.faq-answer p{color:#4a4a4a;direction:ltr;font-size:var(--font-md);line-height:1.8;margin:0;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);text-align:left}@media (max-width:480px){.faq-question{font-size:var(--font-md);padding:var(--spacing-md)}.faq-answer p{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.faq-icon{height:28px;width:28px}}.footer{background:#1f4838;border-top:1px solid #ffffff1a;color:#fff;direction:ltr;overflow:hidden;padding:var(--space-4xl) 0 var(--space-xl) 0;position:relative}.footer-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-logo{height:auto;max-width:150px}.footer-logo-text{display:flex;flex-direction:column;margin-bottom:var(--space-md)}.footer-logo-text .logo-main{color:#fff;font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:1px;line-height:1}.footer-logo-text .logo-sub{color:var(--secondary);font-size:.75rem;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.footer-description{color:#ffffffd9;direction:ltr;font-size:var(--text-base);line-height:1.7}.footer-social{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.footer-social a{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-md);color:#fff;display:flex;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.footer-social a:hover{background:var(--secondary);border-color:#0000;box-shadow:var(--shadow-md);color:#1f4838;transform:translateY(-4px) scale(1.05)}.footer-social svg{fill:currentColor;height:20px;width:20px}.footer-links{text-align:left}.footer-title{color:var(--secondary);direction:ltr;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-lg)}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{display:flex;margin-bottom:var(--space-md)}.footer-links a,.footer-links li{align-items:center;gap:var(--space-sm)}.footer-links a{color:#ffffffd9;display:inline-flex;font-size:var(--text-base);position:relative;text-decoration:none;transition:all var(--transition-base)}.footer-links a:hover{color:var(--secondary);padding-left:var(--space-sm);text-shadow:0 0 10px #d4af3766}.footer-links svg{flex-shrink:0}.footer-bottom{align-items:center;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;padding-top:var(--space-xl)}.footer-bottom p{color:#ffffffb3;font-size:var(--text-sm);margin:0}.copyright-text{color:var(--silah-gray);font-size:.9rem;text-align:center}.copyright-text p{margin-bottom:.5rem}.footer-bottom-links{align-items:center;display:flex;gap:var(--space-lg)}.footer-bottom-links a{color:#ffffffb3;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-base)}.footer-bottom-links a:hover{color:var(--secondary)}.footer-bottom-links span{color:#fff6}@media (max-width:1024px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:var(--space-3xl) 0 var(--space-xl) 0}}@media (max-width:480px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-lg);text-align:center}.footer-bottom-links{flex-direction:column;gap:var(--space-md)}}.login-page{align-items:center;background:linear-gradient(135deg,#f5f7f6,#e8f0ed 50%,#f8f6f2);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-container{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;max-width:400px;padding:2rem;width:100%}.login-logo{margin-bottom:1.5rem;text-align:center}.login-logo img{height:56px;width:auto}.login-header{margin-bottom:1.5rem;text-align:center}.login-header h1{color:var(--text);font-size:1.5rem;font-weight:600;margin:0 0 .375rem}.login-header p{color:var(--text-muted);font-size:.9375rem;margin:0}.login-form,.login-form .form-group,.login-page .alert{margin-bottom:1.25rem}.login-form .form-label{color:var(--text);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-form .form-input{background:#f8f9fa;border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-form .form-input::placeholder{color:#9ca3af}.login-form .form-input:hover{background:#f3f4f6}.login-form .form-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #2d8a6e1a;outline:none}.login-submit{border-radius:12px;font-size:1rem;margin-top:.5rem;padding:.875rem;width:100%}.login-form select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.login-divider{align-items:center;display:flex;margin:1.25rem 0}.login-divider:after,.login-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.login-divider span{color:var(--text-muted);font-size:.8125rem;padding:0 .75rem}.demo-btn{padding:.75rem;width:100%}.btn-google{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#3c4043;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#d0d0d0}.btn-google:disabled{cursor:not-allowed;opacity:.6}.btn-google .google-icon{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:1.25rem 0}.auth-divider:after,.auth-divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-muted);font-size:.8125rem;padding:0 .75rem;text-transform:lowercase}.login-footer{border-top:1px solid #f0f0f0;margin-top:1.5rem;padding-top:1.25rem;text-align:center}.login-footer p{color:var(--text-muted);font-size:.8125rem;margin:0 0 .75rem}.login-footer .back-link{color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none}.login-footer .back-link:hover{color:var(--accent)}@media (max-width:480px){.login-container{border-radius:16px;padding:1.5rem}.login-logo img{height:48px}.login-header h1{font-size:1.375rem}}[data-theme=dark] .login-page{background:linear-gradient(135deg,#0f1117,#1a1f2e 50%,#0f1117)}[data-theme=dark] .login-container{background:#1a1f2e;border:1px solid #2a2f3e;box-shadow:0 4px 24px #0000004d}[data-theme=dark] .login-header h1{color:#f0f4ff}[data-theme=dark] .login-header p{color:#94a3b8}[data-theme=dark] .login-form .form-input{background:#0f1117;border-color:#2a2f3e;color:#f0f4ff}[data-theme=dark] .login-form .form-input::placeholder{color:#64748b}[data-theme=dark] .login-form .form-input:hover{background:#151921}[data-theme=dark] .login-form .form-input:focus{background:#0f1117;border-color:var(--primary);box-shadow:0 0 0 4px #2d8a6e26}[data-theme=dark] .btn-google{background:#0f1117;border-color:#2a2f3e;color:#e2e8f0}[data-theme=dark] .btn-google:hover:not(:disabled){background:#151921;border-color:#3a3f4e}[data-theme=dark] .auth-divider:after,[data-theme=dark] .auth-divider:before{background:#2a2f3e}[data-theme=dark] .auth-divider span{color:#64748b}[data-theme=dark] .login-footer{border-top-color:#2a2f3e}[data-theme=dark] .login-footer p{color:#94a3b8}[data-theme=dark] .login-footer a{color:var(--primary)}.announcement-bell-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.announcement-bell-btn:hover{background:var(--cream);color:var(--primary)}.announcement-badge{align-items:center;background:#dc2626;border-radius:8px;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.announcements-overlay{background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.announcements-panel{animation:slideIn .2s ease-out;background:#fff;display:flex;flex-direction:column;height:100%;max-width:400px;width:100%}.announcements-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem}.announcements-header h2{align-items:center;color:var(--text);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:var(--cream);color:var(--text)}.announcements-content{flex:1 1;overflow-y:auto;padding:.5rem}.announcements-empty,.announcements-loading{align-items:center;color:var(--text-light);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.announcement-item{border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:1rem;position:relative;transition:all .2s}.announcement-item:hover{background:var(--cream)}.announcement-item.unread{background:#2d8a6e0d}.announcement-item.priority-urgent{border-left:3px solid #dc2626}.announcement-item.priority-high{border-left:3px solid #f59e0b}.announcement-item.priority-normal{border-left:3px solid var(--primary)}.announcement-item.priority-low{border-left:3px solid #6b7280}.announcement-icon{align-items:center;background:var(--cream);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.priority-urgent{color:#dc2626}.priority-high{color:#f59e0b}.priority-normal{color:var(--primary)}.priority-low{color:#6b7280}.announcement-body{flex:1 1;min-width:0}.announcement-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.announcement-title{color:var(--text);font-size:.9375rem;font-weight:600;margin:0}.announcement-time{color:var(--text-light);font-size:.6875rem;white-space:nowrap}.announcement-content{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-light);display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:0 0 .375rem;overflow:hidden}.announcement-sender{color:var(--text-muted);font-size:.6875rem}.unread-dot{background:var(--primary);border-radius:50%;height:8px;position:absolute;right:1rem;top:1rem;width:8px}.sd2-page{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);background:radial-gradient(circle at 10% -10%,#2d8a6e1a,#0000 40%),radial-gradient(circle at 90% 10%,#d4af371a,#0000 40%),var(--light-bg);min-height:100vh;padding:clamp(16px,4vw,32px)}.sd2-hero{align-items:center;animation:shimmer 8s linear infinite;background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,#349e7e 100%);background-size:200% 200%;border-radius:var(--radius-xl);box-shadow:var(--premium-shadow);color:#fff;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:clamp(24px,5vw,48px);position:relative}.sd2-hero:before{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.sd2-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:-.01em;margin:0}.sd2-hero p{color:#fff;font-size:1.1rem;margin:12px 0 0;max-width:500px;opacity:.9}.sd2-btn{align-items:center;border-radius:14px;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sd2-btn-primary{background:#fff;box-shadow:0 4px 12px #0000001a;color:var(--primary-dark)}.sd2-btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;color:#fff}.sd2-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px) scale(1.02)}.sd2-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.sd2-stat{align-items:center;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);display:flex;gap:16px;padding:20px;transition:all .3s ease}.sd2-stat:first-child{animation-delay:.1s}.sd2-stat:nth-child(2){animation-delay:.2s}.sd2-stat:nth-child(3){animation-delay:.3s}.sd2-stat:nth-child(4){animation-delay:.4s}.sd2-stat:hover{border-color:var(--primary);box-shadow:var(--premium-shadow-hover);transform:translateY(-5px)}.sd2-stat svg{background:var(--primary-light);border-radius:12px;color:var(--primary);height:44px;padding:10px;width:44px}.sd2-stat strong{color:var(--text);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.sd2-stat span{color:var(--text-muted);font-size:.85rem;font-weight:500}.sd2-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.sd2-card{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);padding:24px;transition:transform .3s ease}.sd2-card:hover{border-color:rgba(var(--primary-rgb),.3)}.sd2-card header{justify-content:space-between;margin-bottom:20px}.sd2-card h2,.sd2-card header{align-items:center;display:flex}.sd2-card h2{font-size:1.25rem;font-weight:700;gap:8px;margin:0}.sd2-card header a{background:var(--primary-light);border-radius:20px;color:var(--primary);font-size:.85rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.sd2-card header a:hover{background:var(--primary);color:#fff}.sd2-list{grid-gap:12px;display:grid;gap:12px;list-style:none}.sd2-list li{background:#fff6;border:1px solid #00000008;border-radius:16px;transition:all .2s ease}.sd2-list li:hover{background:#fff;box-shadow:0 4px 12px #0000000d;transform:translateX(4px)}.sd2-list button,.sd2-row{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;width:100%}.sd2-list button svg{color:var(--primary);flex-shrink:0}.sd2-list button div{display:flex;flex-direction:column;gap:2px}.sd2-list strong{color:var(--text);font-size:.95rem}.sd2-list span{color:var(--text-muted);font-size:.8rem}.sd2-row{justify-content:space-between}.sd2-list strong{font-size:1rem;font-weight:600}.sd2-membership{background:linear-gradient(135deg,#fefcf5,#fff);border:1px solid var(--secondary);border-radius:20px;padding:20px}.sd2-membership strong{color:var(--secondary);font-size:1.2rem;letter-spacing:.1em}.sd2-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.sd2-links a{background:#fff;border:1px solid var(--border-color);border-radius:30px;color:var(--text-muted);font-weight:600;padding:10px 20px;transition:all .2s ease}.sd2-links a:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@media (max-width:1024px){.sd2-stats{grid-template-columns:repeat(2,1fr)}.sd2-grid{grid-template-columns:1fr}}@media (max-width:640px){.sd2-stats{grid-template-columns:1fr}.sd2-hero{flex-direction:column;text-align:center}}[data-theme=dark] .sd2-list li{background:#ffffff0d}[data-theme=dark] .sd2-membership{background:#d4af370d}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--sidebar-bg:#fff;--sidebar-text:#1e293b;--sidebar-text-muted:#64748b;--sidebar-accent:var(--primary,#2d8a6e);--sidebar-hover:#0000000a;--sidebar-active:#2d8a6e14;--sidebar-border:#e2e8f0}[data-theme=dark]{--sidebar-bg:#1a1a2e;--sidebar-text:#e5e5e5;--sidebar-text-muted:#9ca3af;--sidebar-hover:#ffffff14;--sidebar-active:#2d8a6e26;--sidebar-border:#ffffff14}.sidebar{background:#fff;background:var(--sidebar-bg);bottom:0;box-shadow:2px 0 20px #00000026;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-nav-chevron,.sidebar.collapsed .sidebar-nav-label,.sidebar.collapsed .sidebar-nav-section,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sidebar-border);justify-content:space-between;padding:1rem 1.25rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{cursor:pointer;flex:1 1;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.sidebar-logo:hover{opacity:.8}.sidebar-logo-img{height:32px;object-fit:contain;width:32px}.sidebar-logo-text{color:#1e293b;color:var(--sidebar-text);font-size:1.125rem;font-weight:700;white-space:nowrap}.sidebar-toggle-btn{align-items:center;background:#0000000a;background:var(--sidebar-hover);border:none;border-radius:8px;color:#64748b;color:var(--sidebar-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.sidebar-toggle-btn:hover{background:#2d8a6e14;background:var(--sidebar-active);color:#1e293b;color:var(--sidebar-text)}.sidebar-close-mobile{background:none;border:none;border-radius:6px;color:#64748b;color:var(--sidebar-text-muted);cursor:pointer;display:none;padding:.5rem}.sidebar-close-mobile:hover{background:#0000000a;background:var(--sidebar-hover);color:#1e293b;color:var(--sidebar-text)}.sidebar-user{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sidebar-border);display:flex;gap:.75rem;padding:1rem 1.25rem}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#2d8a6e,#4fc4a8);background:linear-gradient(135deg,var(--sidebar-accent) 0,#4fc4a8 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{color:#1e293b;color:var(--sidebar-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#64748b;color:var(--sidebar-text-muted);font-size:.75rem;text-transform:capitalize}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.sidebar-nav-group{margin-bottom:.25rem}.sidebar-nav-section{font-size:.7rem;font-weight:700;letter-spacing:.08em;opacity:.85;padding:.75rem 1rem .35rem;text-transform:uppercase}.sidebar-nav-item,.sidebar-nav-section{color:#64748b;color:var(--sidebar-text-muted)}.sidebar-nav-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:#0000000a;background:var(--sidebar-hover);color:#1e293b;color:var(--sidebar-text)}.sidebar-nav-item.active{background:#2d8a6e14;background:var(--sidebar-active);color:#2d8a6e;color:var(--sidebar-accent)}.sidebar-nav-icon{flex-shrink:0;height:20px;width:20px}.sidebar-nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-chevron{height:16px;transition:transform .2s ease;width:16px}.sidebar-nav-chevron.expanded{transform:rotate(180deg)}.sidebar-submenu{border-left:2px solid #e2e8f0;border-left:2px solid var(--sidebar-border);margin-left:2.5rem;margin-top:.25rem;padding-left:.75rem}.sidebar-submenu-item{border-radius:6px;color:#64748b;color:var(--sidebar-text-muted);display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.sidebar-submenu-item:hover{background:#0000000a;background:var(--sidebar-hover);color:#1e293b;color:var(--sidebar-text)}.sidebar-submenu-item.active{background:#2d8a6e14;background:var(--sidebar-active);color:#2d8a6e;color:var(--sidebar-accent)}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--sidebar-border);padding:.75rem}.sidebar-footer .sidebar-nav-item{margin-bottom:.25rem}.sidebar-footer .logout-btn:hover{background:#ef444426;color:#ef4444}.sidebar-mobile-toggle{background:#fff;background:var(--sidebar-bg);border:none;border-radius:8px;box-shadow:0 2px 10px #0003;color:#1e293b;color:var(--sidebar-text);cursor:pointer;display:none;left:1rem;padding:.625rem;position:fixed;top:1rem;z-index:999}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:998}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar-toggle-btn{display:none}.sidebar.mobile-open{transform:translateX(0)}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{display:block}.sidebar-close-mobile{align-items:center;display:flex;justify-content:center}}@media (max-width:768px){.sidebar{width:min(280px,85vw)}.sidebar-nav-item{font-size:.9375rem;min-height:44px;padding:.875rem 1rem}.sidebar-mobile-toggle{left:.75rem;min-height:44px;min-width:44px;padding:.75rem;top:.75rem}}@media (max-width:480px){.sidebar{max-width:100vw;width:100vw}.sidebar-header,.sidebar-user{padding:.875rem 1rem}.sidebar-nav{padding:.75rem .5rem}.sidebar-nav-item{font-size:1rem;min-height:48px;padding:1rem}.sidebar-submenu-item{font-size:.9375rem;min-height:44px;padding:.75rem}}.with-sidebar{margin-left:260px;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.with-sidebar.sidebar-collapsed{margin-left:72px;margin-left:var(--sidebar-collapsed-width)}@media (max-width:1024px){.with-sidebar{margin-left:0;padding-top:3.5rem}}@media (max-width:768px){.with-sidebar{padding-top:3rem}}@media (max-width:480px){.with-sidebar{padding-top:2.75rem}}.sidebar.light,[data-theme=light] .sidebar{--sidebar-bg:#fff;--sidebar-text:#1e1e1e;--sidebar-text-muted:#6b7280;--sidebar-hover:#0000000a;--sidebar-active:#2d8a6e1a;--sidebar-border:#00000014;box-shadow:2px 0 10px #0000000d}.dashboard-layout{background:#faf9f6;background:var(--cream,#faf9f6);display:flex;min-height:100vh}.dashboard-layout__main{flex:1 1;margin-left:280px;min-width:0;transition:margin-left .3s ease}.dashboard-layout--collapsed .dashboard-layout__main{margin-left:80px}.dashboard-layout__content{margin:0 auto;max-width:1400px;padding:1.5rem}.dashboard-layout__content:has(.quran-reader-page){max-width:100%;padding:0}.dashboard-layout__mobile-header{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:none;gap:.75rem;padding:.75rem 1rem;position:sticky;top:0;z-index:100}.dashboard-layout__menu-btn{background:none;border:none;border-radius:8px;color:#1f2937;color:var(--text,#1f2937);cursor:pointer;padding:.5rem;transition:background-color .2s}.dashboard-layout__menu-btn:hover{background:#f3f4f6;background:var(--cream,#f3f4f6)}.dashboard-layout__page-title{color:#1f2937;color:var(--text,#1f2937);font-size:1.125rem;font-weight:600;margin:0}.dashboard-layout__overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:200}.dashboard-layout__mobile-sidebar{animation:slideIn .3s ease;bottom:0;display:none;left:0;position:fixed;top:0;width:280px;z-index:300}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:1024px){.dashboard-layout--collapsed .dashboard-layout__main,.dashboard-layout__main{margin-left:0}.dashboard-layout__content{max-width:100%;padding:4rem 1.25rem 1.25rem}}@media (max-width:768px){.dashboard-layout__content{padding:1rem}.dashboard-layout__mobile-header{padding:.625rem .75rem}.dashboard-layout__page-title{font-size:1rem}.dashboard-layout__menu-btn{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}}@media (max-width:480px){.dashboard-layout__content{padding:.75rem}.dashboard-layout__mobile-sidebar{width:100%}.dashboard-layout__page-title{font-size:.9375rem}}[data-theme=dark] .dashboard-layout{background:#121212}[data-theme=dark] .dashboard-layout__mobile-header{background:#1f1f1f;border-color:#333}.legal-page{background:#f8f7f4;min-height:100vh;padding-bottom:5rem}.legal-hero{background:linear-gradient(135deg,#1f4838,#2d6a4e 60%,#1f4838);overflow:hidden;padding:5rem 0 4rem;position:relative}.legal-hero:before{background:#d4af370f;height:500px;right:-10%;top:-50%;width:500px}.legal-hero:after,.legal-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.legal-hero:after{background:#ffffff0a;bottom:-30%;height:350px;left:-5%;width:350px}.legal-hero-content{color:#fff;position:relative;text-align:center;z-index:1}.legal-badge{background:#d4af3733;border:1px solid #d4af3766;border-radius:100px;color:#d4af37;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:1.25rem;padding:.4rem 1rem;text-transform:uppercase}.legal-hero-content h1{color:#fff;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;margin-bottom:.75rem}.legal-hero-content p{color:#ffffffa6;font-size:.95rem}.legal-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:240px 1fr;padding:3rem 0}.legal-nav{background:#fff;border:1px solid #1f48381a;border-radius:16px;box-shadow:0 4px 24px #00000012;padding:1.5rem;position:sticky;top:100px}.legal-nav h4{border-bottom:1px solid #1f48381a;color:#1f4838;font-size:.7rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;padding-bottom:.75rem;text-transform:uppercase}.legal-nav a{border-left:3px solid #0000;border-radius:8px;color:#555;display:block;font-size:.85rem;margin-bottom:.2rem;padding:.45rem .6rem;text-decoration:none;transition:all .2s ease}.legal-nav a:hover{background:#1f48380f;border-left-color:#d4af37;color:#1f4838;padding-left:1rem}.legal-body{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:3rem}.legal-body section{border-bottom:1px solid #0000000f;margin-bottom:3rem;padding-bottom:2.5rem}.legal-body section:last-of-type{border-bottom:none}.legal-body h2{align-items:center;color:#1f4838;display:flex;font-size:1.4rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.legal-body h3{color:#333;font-size:1rem;font-weight:600;margin:1.25rem 0 .6rem}.legal-body p{color:#555;font-size:.95rem;line-height:1.8;margin-bottom:.9rem}.legal-body ul{margin-bottom:1rem;padding-left:1.5rem}.legal-body li{color:#555;font-size:.95rem;line-height:1.8;margin-bottom:.5rem}.legal-body a{border-bottom:1px solid #1f48384d;color:#1f4838;font-weight:600;text-decoration:none;transition:border-color .2s}.legal-body a:hover{border-bottom-color:#d4af37;color:#d4af37}.legal-highlight-box{background:linear-gradient(135deg,#1f48380d,#d4af3714);border:1px solid #1f483826;border-left:4px solid #1f4838;border-radius:12px;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.legal-highlight-box p{color:#333;font-size:.95rem;margin:0}.legal-contact-box{background:#f8f7f4;border:1px solid #1f483826;border-radius:12px;margin-top:1rem;padding:1.5rem}.legal-contact-box p{color:#444;margin-bottom:.5rem}.legal-contact-box ul{margin:.75rem 0 0}.legal-info-card{background:#d4af3714;border:1px solid #d4af374d;border-radius:12px;margin-top:1.25rem;padding:1.25rem 1.5rem}.legal-info-card h4{color:#333;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.legal-info-card p{font-size:.9rem;margin:0}.legal-footer-nav{border-top:2px solid #1f48381a;display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:2rem}.legal-footer-nav a{border-bottom:none;color:#1f4838;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.legal-footer-nav a:hover{border-bottom:none;color:#d4af37}@media (max-width:900px){.legal-content{grid-template-columns:1fr}.legal-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;position:relative;top:0}.legal-nav h4{border-bottom:none;margin-bottom:.5rem;width:100%}.legal-nav a{background:#1f48380f;border-left:none;border-radius:100px;margin-bottom:0;padding:.35rem .75rem}.legal-nav a:hover{border-left:none;padding-left:.75rem}.legal-body{padding:2rem 1.5rem}}@media (max-width:480px){.legal-body{padding:1.5rem 1rem}.legal-hero{padding:3.5rem 0 3rem}}.contact-page{background:#f8f7f4;min-height:100vh;padding-bottom:5rem}.contact-hero{background:linear-gradient(135deg,#1f4838,#2d6a4e 60%,#1f4838);overflow:hidden;padding:5rem 0 4rem;position:relative}.contact-hero:before{background:#d4af370f;border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:500px}.contact-hero-content{color:#fff;position:relative;text-align:center;z-index:1}.contact-badge{background:#d4af3733;border:1px solid #d4af3766;border-radius:100px;color:#d4af37;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:2px;margin-bottom:1.25rem;padding:.4rem 1rem;text-transform:uppercase}.contact-hero-content h1{color:#fff;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;margin-bottom:1rem}.contact-hero-content p{color:#ffffffbf;font-size:1.05rem;margin:0 auto;max-width:520px}.contact-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:340px 1fr;padding:3rem 0}.contact-form-section h2,.contact-info h2{color:#1f4838;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.contact-card{align-items:flex-start;background:#fff;border:1px solid #1f483814;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.contact-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.contact-card-icon{align-items:center;background:#1f483812;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.contact-card-body h3{color:#1f4838;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.35rem;text-transform:uppercase}.contact-card-body a{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem;text-decoration:none;transition:color .2s}.contact-card-body a:hover{color:#d4af37}.contact-card-body address,.contact-card-body p{color:#777;font-size:.85rem;font-style:normal;line-height:1.6;margin:0}.contact-legal-links{align-items:center;border-top:1px solid #00000014;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.contact-legal-links p{color:#888;font-size:.8rem;margin:0;width:100%}.contact-legal-links a{color:#1f4838;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.contact-legal-links a:hover{color:#d4af37}.contact-legal-links span{color:#ccc;font-size:.8rem}.contact-form-section{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 24px #0000000f;padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:1.5px solid #0000001a;border-radius:10px;color:#333;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#1f4838;box-shadow:0 0 0 3px #1f483814}.form-group textarea{min-height:160px;resize:vertical}.form-note{color:#999;font-size:.8rem;margin:0}.form-note a{color:#1f4838;font-weight:600;text-decoration:none}.contact-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;padding:.85rem 2rem;transition:all .25s ease}.contact-btn-primary{background:linear-gradient(135deg,#1f4838,#2d6a4e);box-shadow:0 4px 16px #1f48384d;color:#fff;width:100%}.contact-btn-primary:hover{box-shadow:0 8px 24px #1f483866;transform:translateY(-2px)}.contact-success{padding:3rem 2rem;text-align:center}.contact-success-icon{font-size:3rem;margin-bottom:1rem}.contact-success h3{color:#1f4838;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.contact-success p{color:#666;font-size:.95rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:380px}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.contact-form-section{padding:1.5rem 1rem}.contact-hero{padding:3.5rem 0 3rem}}
/*# sourceMappingURL=main.1ac7bcac.css.map*/