html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#009bd6;--primary-dark:#009bdf;--bg-light:#ffffff;--bg-secondary-light:#f1f5fa;--bg-secondary-dark:#1e293b;--text-light:#1e293b;--text-secondary-light:#64748b;--text-secondary-dark:#94a3b8;--border-light:#e2e8f0;--border-dark:#334155;--hero-bg:var(--bg-secondary-light);--hero-text:var(--text-light)}.dark{--bg-light:#0f172a;--bg-secondary-light:var(--bg-secondary-dark);--text-light:#f1f5f9;--text-secondary-light:var(--text-secondary-dark);--border-light:var(--border-dark);--hero-bg:var(--bg-secondary-light);--hero-text:var(--text-light)}body{background:var(--bg-light);color:var(--text-light);font-family:system-ui,-apple-system,sans-serif;transition:all .3s ease}input,select,textarea{color:var(--text-light);transition:all .3s ease}#uploadForm input,#uploadForm select,#uploadForm textarea{background:var(--bg-light);border:1px solid var(--border-light);color:var(--text-light)}#uploadForm input::placeholder,#uploadForm textarea::placeholder{color:var(--text-secondary-light);opacity:.6}#contactForm input,#contactForm textarea{background:var(--bg-light);border:1px solid var(--border-light);color:var(--text-light)}#contactForm input::placeholder,#contactForm textarea::placeholder{color:var(--text-secondary-light);opacity:.6}.accordion-button,.card,.file-item,.folder-item{background:var(--bg-secondary-light);border:1px solid var(--border-light);border-radius:12px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(59,130,246,.2)}.file-item{display:flex;align-items:center;justify-content:space-between}.file-item>div:first-child{cursor:pointer}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--primary-dark);transform:scale(1.05)}.hero-btn{background-color:var(--bg-light);color:var(--primary);cursor:pointer;transition:all .3s ease}.hero-btn:hover{background-color:var(--primary);color:var(--bg-light);transform:scale(1.05)}.action-btn{padding:.5rem;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}@keyframes shine{0%{background-position:200% 0,0 0}100%{background-position:-100% 0,0 0}}.accordion-button{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-button:hover{background:var(--primary);color:#fff}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content.active{max-height:2000px}.file-item,.folder-item{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;border-radius:6px;width:100%;max-width:100%;overflow:hidden}.file-item:hover,.folder-item:hover{background:var(--primary);color:#fff;transform:translateX(4px)}.breadcrumb-item,.file-item span,.folder-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}body.modal-open{overflow:hidden;touch-action:none}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:50;align-items:center;justify-content:center;padding:1rem;transition:background .35s ease-in-out}.modal.active{display:flex}.modal-content{background:var(--bg-light);width:100%;max-width:1100px;height:90%;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .35s ease-in-out}#fileViewer{flex:1;width:100%;border:none}#yearContent{flex:1}#yearModal{z-index:1000}#fileModal{z-index:1100}.modal.fullscreen{padding:0;background:rgba(0,0,0,.85)}.modal.fullscreen .modal-content{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important}.modal.fullscreen #fileViewer{height:100%}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);color:#fff;border:none;font-size:2rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;z-index:10;transition:background .2s,transform .2s}.nav-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.nav-btn.left{left:10px}.nav-btn.right{right:10px}.contributor-tab{border-bottom:2px solid transparent;color:var(--text-secondary)}.contributor-tab.active{color:var(--primary);border-bottom-color:var(--primary-dark)}.contributor-tab:hover:not(.active){color:var(--primary-dark)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--bg-secondary-light);border-radius:8px;margin-bottom:1rem}.breadcrumb-item{color:var(--text-secondary-light);cursor:pointer;transition:color .2s}.breadcrumb-item:hover{color:var(--primary)}.breadcrumb-item.active{color:var(--text-light);font-weight:600}.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dropdown-link{color:var(--text-light);transition:all .3s ease}.dropdown-link:hover{background-color:var(--primary);color:#fff}.hero{background:var(--hero-bg);color:var(--hero-text);padding:4rem 2rem;margin-bottom:3rem;transition:all .3s ease}nav{background:var(--bg-secondary-light);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}#yearsDropdown{background:var(--bg-secondary-light);border:1px solid var(--border-light)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary-light)}#dhikrBox{background:#fff;color:#111;border:1px solid #e5e7eb}html.dark #dhikrBox{background:#1f2937;border-color:#374151;color:#f3f4f6;box-shadow:0 4px 15px rgba(255,255,255,.08)}.loading-small{width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}[class*=' bg-blue-'],[class^=bg-blue-]{background-color:var(--primary)!important}[class*=' text-blue-'],[class^=text-blue-]{color:var(--primary)!important}.star-btn{background:0 0;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary-light);padding:.35rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.star-btn:hover{color:#f59e0b;transform:scale(1.2)}.star-btn.starred{color:#f59e0b}.star-btn.star-pulse{animation:starPulse .3s ease}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}.favorite-card{transition:all .2s ease}.favorite-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(59,130,246,.15)}.favorite-remove-btn{transition:opacity .2s ease,color .2s ease}@media (hover:none){.favorite-remove-btn{opacity:1!important}}#searchModal{z-index:900}.search-input{background:var(--bg-light);border:1px solid var(--border-light);color:var(--text-light);transition:all .3s ease}.search-input::placeholder{color:var(--text-secondary-light);opacity:.6}.search-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,155,214,.15)}.search-filter-select{background:var(--bg-light);border:1px solid var(--border-light);color:var(--text-light);cursor:pointer;transition:all .3s ease}.search-filter-select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,155,214,.15)}.search-highlight{background-color:rgba(0,155,214,.2);color:var(--primary);padding:.05em .2em;border-radius:3px;font-weight:600}.search-result-item{transition:all .2s ease}.search-result-item:hover{transform:translateX(4px)}.search-result-item:hover .search-highlight,.search-result-item:hover .search-module-badge,.search-result-item:hover i,.search-result-item:hover span{color:#fff!important}.search-result-item:hover .search-highlight{background-color:rgba(255,255,255,.25)}.search-result-item:hover .search-module-badge{background:rgba(255,255,255,.2)}.search-module-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:.15em .5em;margin-top:.25rem;border-radius:4px;background:rgba(0,155,214,.12);color:var(--primary);letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-filters{flex-wrap:wrap}.search-filter-select{min-width:0}@media (max-width:640px){.file-item span,.folder-item span{white-space:normal;word-break:break-word}.breadcrumb{flex-direction:column;align-items:flex-start;word-break:break-word}.breadcrumb-item{max-width:100%}.nav-btn{font-size:1.3rem;padding:.3rem .6rem;border-radius:6px;background:rgba(0,0,0,.5)}.nav-btn.left{left:6px}.nav-btn.right{right:6px}#searchModal.modal{padding:0}#searchModal .modal-content{max-width:100%;width:100%;height:100%;border-radius:0}.search-filters{gap:.5rem}.search-filter-select{width:100%;flex:none;font-size:16px;padding:.5rem .75rem}}