.dua-tabs{display:flex;gap:2px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dua-tab{flex:1;padding:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.dua-tab.active{background:var(--color-bg-card);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm),0 0 12px rgba(var(--color-primary-light-rgb),.08)}[data-theme=dark] .dua-tab.active{color:var(--color-gold);box-shadow:var(--shadow-sm),0 0 12px #d4a3731a}.dua-search-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-top:var(--space-3);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:border-color .2s ease}.dua-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-light-rgb),.08)}[data-theme=dark] .dua-search-bar:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 2px #d4a37314}.dua-search-input{flex:1;border:none;background:none;outline:none;font-size:var(--text-sm);color:var(--color-text);padding:var(--space-1) 0}.dua-search-input::placeholder{color:var(--color-text-muted)}.dua-search-clear{width:22px;height:22px;border-radius:50%;background:var(--border-medium);color:var(--color-text-muted);font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.dua-search-clear:active{transform:scale(.9)}.dua-category-chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-3) 0 var(--space-1);-webkit-overflow-scrolling:touch}.dua-category-chips::-webkit-scrollbar{display:none}.dua-chip{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--color-text-secondary);background:var(--glass-bg-strong);border:1px solid var(--glass-border);transition:all .2s ease;white-space:nowrap;cursor:pointer}.dua-chip:active{transform:scale(.95)}.dua-chip.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-light-rgb),.25)}[data-theme=dark] .dua-chip.active{background:var(--color-gold);color:#1a1a2e;border-color:var(--color-gold);box-shadow:0 2px 8px #d4a37340}.dua-results-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;padding:var(--space-1) 0}.dua-list{display:flex;flex-direction:column;gap:var(--space-4)}.dua-card{display:flex;flex-direction:column;gap:var(--space-2);background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.dua-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,rgba(var(--color-primary-light-rgb),.3) 100%);opacity:.6;border-radius:var(--radius-xl) var(--radius-xl) 0 0}[data-theme=dark] .dua-card:before{background:linear-gradient(90deg,var(--color-gold) 0%,rgba(212,163,115,.3) 100%);opacity:.4}.dua-card:active{transform:scale(.99)}.dua-card.answered{border-left:3px solid var(--color-success);opacity:.85}.dua-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dua-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text);letter-spacing:-.01em}.dua-card .topic-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px var(--space-2);border-radius:var(--radius-full);background:rgba(var(--color-primary-light-rgb),.1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-light-rgb),.15);white-space:nowrap;flex-shrink:0}[data-theme=dark] .dua-card .topic-tag{background:#d4a3731a;color:var(--color-gold);border-color:#d4a37333}.dua-arabic{font-size:var(--text-xl);color:var(--color-gold);text-align:center;padding:var(--space-4) var(--space-3);background:linear-gradient(135deg,rgba(var(--color-primary-light-rgb),.06),rgba(var(--color-primary-light-rgb),.02));border:1px solid rgba(var(--color-primary-light-rgb),.08);border-radius:var(--radius-lg);line-height:2.2;position:relative;overflow:hidden}[data-theme=dark] .dua-arabic{color:var(--color-gold);background:linear-gradient(135deg,#d4a37314,#d4a37305);border-color:#d4a3731f}.dua-transliteration{font-size:var(--text-sm);color:var(--color-accent);font-style:italic;letter-spacing:.01em}[data-theme=dark] .dua-transliteration{color:var(--color-gold);opacity:.85}.dua-translation{font-size:var(--text-base);color:var(--color-text);line-height:1.75}.dua-source{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.dua-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.dua-card.fade-in{animation:dua-card-enter .5s ease-out both}@keyframes dua-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dua-empty-search{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-muted)}.dua-empty-icon{font-size:2.5rem;opacity:.5}.dua-empty-search p{font-size:var(--text-sm)}.dua-clear-filter-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-primary-glow);border:1px solid var(--border-medium);transition:all .2s ease}[data-theme=dark] .dua-clear-filter-btn{color:var(--color-gold)}.dua-clear-filter-btn:active{transform:scale(.95)}.add-dua-form{display:flex;flex-direction:column;gap:var(--space-3);border:2px dashed var(--border-medium);background:var(--glass-bg-strong);border-radius:var(--radius-xl);padding:var(--space-5)}.add-dua-form .section-title{font-family:var(--font-display);font-weight:700}.dua-textarea{resize:vertical;min-height:80px}.add-dua-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-4);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--space-4);animation:dua-float 3s ease-in-out infinite}@keyframes dua-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.dua-card.personal.answered{border-left-color:var(--color-success)}.dua-card.personal.answered .badge-success{background:#22c55e1f;color:var(--color-primary-light);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600}@media (prefers-reduced-motion: reduce){.dua-arabic:after,.empty-icon,.dua-card.fade-in{animation:none!important}}:root:not([data-theme=dark]) .dua-tabs{background:#fffffdcc;border-color:#c8956c1a}:root:not([data-theme=dark]) .dua-tab.active{box-shadow:var(--shadow-sm),0 0 12px #c8956c14}:root:not([data-theme=dark]) .dua-search-bar{background:#fffffdd9;border-color:#c8956c1a}:root:not([data-theme=dark]) .dua-search-bar:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 2px #c8956c1a}:root:not([data-theme=dark]) .dua-chip{background:#fffffdcc;border-color:#c8956c1a}:root:not([data-theme=dark]) .dua-chip.active{box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.15)}:root:not([data-theme=dark]) .dua-card{background:#fffffdd9;border-color:#c8956c1a;box-shadow:0 2px 16px rgba(var(--color-primary-rgb),.04),0 0 0 1px #c8956c0a}:root:not([data-theme=dark]) .dua-card:before{background:linear-gradient(90deg,var(--color-gold) 0%,rgba(200,149,108,.3) 100%);opacity:.5}:root:not([data-theme=dark]) .dua-arabic{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.04),#c8956c0f);border-color:#c8956c1a}:root:not([data-theme=dark]) .dua-card .topic-tag{background:#c8956c1a;border-color:#c8956c33;color:var(--color-gold-dark)}