.digital-tasbih[data-v-20342ef2]{font-family:Poppins,sans-serif;min-height:100vh;position:relative;overflow-x:hidden;background:#f8f9fa}.digital-tasbih[data-v-20342ef2]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,161,167,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,194,48,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,161,167,.05) 0%,transparent 50%);pointer-events:none;animation:float-20342ef2 20s ease-in-out infinite}@keyframes float-20342ef2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section[data-v-20342ef2]{padding:120px 20px 40px;text-align:center;min-height:30vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.floating-shapes[data-v-20342ef2]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape[data-v-20342ef2]{position:absolute;background:#f5c2301f;border-radius:50%;animation:floatUp-20342ef2 infinite ease-in-out}.shape-1[data-v-20342ef2]{width:20px;height:20px;left:5%;animation-duration:45s;animation-delay:0s}.shape-2[data-v-20342ef2]{width:30px;height:30px;left:95%;animation-duration:50s;animation-delay:-10s;border-radius:8px}.shape-3[data-v-20342ef2]{width:15px;height:15px;left:2%;animation-duration:40s;animation-delay:-20s}.shape-4[data-v-20342ef2]{width:25px;height:25px;left:98%;animation-duration:55s;animation-delay:-15s;border-radius:6px}.shape-5[data-v-20342ef2]{width:18px;height:18px;left:8%;animation-duration:42s;animation-delay:-25s;border-radius:9px}.shape-6[data-v-20342ef2]{width:22px;height:22px;left:92%;animation-duration:48s;animation-delay:-5s}@keyframes floatUp-20342ef2{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(180deg);opacity:0}}.hero-content[data-v-20342ef2]{max-width:600px;margin:0 auto;position:relative;z-index:2}.hero-logo[data-v-20342ef2]{height:60px;width:auto;margin-bottom:15px}.hero-title[data-v-20342ef2]{font-size:2.2rem;font-weight:600;color:#00a1a7!important;margin-bottom:10px;animation:slideInUp-20342ef2 1s ease-out}@keyframes slideInUp-20342ef2{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle[data-v-20342ef2]{font-size:1.1rem;color:#666;margin-bottom:20px;animation:slideInUp-20342ef2 1s ease-out .2s both}.tasbih-section[data-v-20342ef2]{padding:20px 0 40px;position:relative;z-index:1;background:#ffffffe6}.container[data-v-20342ef2]{max-width:none;width:100%;padding:0 40px;margin:0 auto}.progress-section[data-v-20342ef2]{background:#fffffffa;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 30px #00a1a71a;border:1px solid rgba(0,161,167,.1)}.progress-header[data-v-20342ef2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-title[data-v-20342ef2]{font-size:1.2rem;font-weight:600;color:#333;margin:0}.progress-stats[data-v-20342ef2]{font-size:.9rem;color:#666;font-weight:600;margin:0}.progress-bar-container[data-v-20342ef2]{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar[data-v-20342ef2]{width:100%;height:100%;position:relative}.progress-fill[data-v-20342ef2]{height:100%;border-radius:4px;transition:width .3s ease}.current-dhikr-section[data-v-20342ef2]{background:#fffffffa;border-radius:16px;margin-bottom:32px;box-shadow:0 10px 40px #00a1a726;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.dhikr-card[data-v-20342ef2]{padding:32px 24px;text-align:center}.dhikr-number-container[data-v-20342ef2]{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.dhikr-number[data-v-20342ef2]{font-size:.9rem;font-weight:600}.arabic-container[data-v-20342ef2]{margin-bottom:16px}.arabic-text[data-v-20342ef2]{font-size:2.2rem;font-weight:600;color:#333;line-height:1.4;margin:0;font-family:Amiri,serif}.transliteration-text[data-v-20342ef2]{font-size:1.1rem;font-style:italic;color:#666;margin:0 0 12px}.translation-text[data-v-20342ef2]{font-size:1rem;color:#333;margin:0 0 32px;line-height:1.5}.count-section[data-v-20342ef2]{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.count-display[data-v-20342ef2]{display:flex;align-items:baseline;margin-bottom:20px}.current-count-text[data-v-20342ef2]{font-size:3rem;font-weight:700;line-height:1}.total-count-text[data-v-20342ef2]{font-size:1.5rem;color:#666;margin-left:8px}.circular-progress[data-v-20342ef2]{width:80px;height:80px;border-radius:50%;border:4px solid #f0f0f0;position:relative;overflow:hidden}.circular-progress-fill[data-v-20342ef2]{position:absolute;width:50%;height:100%;right:0;transform-origin:left center;transition:transform .3s ease}.completed-badge[data-v-20342ef2]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:25px;color:#fff;font-weight:600;margin-top:16px}.checkmark[data-v-20342ef2]{font-size:1.2rem}.completed-text[data-v-20342ef2]{font-size:.9rem}.counter-container[data-v-20342ef2]{position:relative;display:flex;justify-content:center;margin-bottom:32px}.bubbles-container[data-v-20342ef2]{position:absolute;top:0;left:50%;transform:translate(-50%);pointer-events:none;z-index:10}.bubble[data-v-20342ef2]{position:absolute;top:-20px;padding:4px 8px;background:#3498db;color:#fff;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #00000026;pointer-events:none;will-change:transform,opacity}.bubble[data-v-20342ef2]{animation:bubbleUp-20342ef2 .8s ease-out forwards}@keyframes bubbleUp-20342ef2{0%{opacity:0;transform:translateY(10px) scale(.5)}15%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:0;transform:translateY(-60px) scale(.7)}}.counter-button[data-v-20342ef2]{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 40px;border:none;border-radius:30px;background:#3498db;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 6px 20px #3498db4d;min-width:180px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.counter-button[data-v-20342ef2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3498db66}.counter-button[data-v-20342ef2]:active:not(:disabled){transform:translateY(0)}.counter-button.completed[data-v-20342ef2]{background:#ccc!important;cursor:not-allowed;box-shadow:none}.counter-icon[data-v-20342ef2]{font-size:1.8rem;font-weight:700}.navigation-section[data-v-20342ef2]{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.nav-button[data-v-20342ef2]{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:25px;background:#fffffffa;color:#333;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00a1a71a;border:1px solid rgba(0,161,167,.1)}.nav-button[data-v-20342ef2]:hover:not(.disabled){background:#00a1a70d;transform:translateY(-2px);box-shadow:0 6px 20px #00a1a726}.nav-button.disabled[data-v-20342ef2]{opacity:.5;cursor:not-allowed}.nav-icon[data-v-20342ef2]{font-size:1.5rem;font-weight:700}.main-layout[data-v-20342ef2]{display:grid;grid-template-columns:400px 1fr;gap:40px;margin-bottom:32px;min-height:70vh}.tasbih-column[data-v-20342ef2]{display:flex;flex-direction:column;gap:24px}.dhikr-list-section[data-v-20342ef2]{background:#fffffffa;border-radius:16px;padding:24px;box-shadow:0 8px 30px #00a1a71a;border:1px solid rgba(0,161,167,.1);height:fit-content;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}.list-title[data-v-20342ef2]{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 20px}.dhikr-list-item[data-v-20342ef2]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:12px;margin-bottom:12px;border-left:4px solid;cursor:pointer;transition:all .3s ease}.dhikr-list-item[data-v-20342ef2]:hover{transform:translate(4px);box-shadow:0 4px 15px #0000001a}.dhikr-list-item.active[data-v-20342ef2]{transform:translate(8px);box-shadow:0 6px 20px #00000026}.list-item-content[data-v-20342ef2]{display:flex;align-items:center;gap:16px;flex:1}.list-item-number[data-v-20342ef2]{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:600}.list-item-text[data-v-20342ef2]{flex:1}.list-item-arabic[data-v-20342ef2]{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 4px;font-family:Amiri,serif}.list-item-translation[data-v-20342ef2]{font-size:.85rem;color:#666;margin:0}.list-item-count[data-v-20342ef2]{font-size:.9rem;font-weight:600;margin-left:12px}.checkmark-icon[data-v-20342ef2]{font-size:1.2rem;margin-left:12px}@media (max-width: 768px){.hero-title[data-v-20342ef2]{font-size:2.5rem}.container[data-v-20342ef2]{padding:0 20px}.tasbih-section[data-v-20342ef2]{padding:20px 0 40px;height:auto;min-height:auto}.main-layout[data-v-20342ef2]{grid-template-columns:1fr;gap:20px;height:auto;min-height:auto}.tasbih-column[data-v-20342ef2]{order:-1}.progress-section[data-v-20342ef2],.current-dhikr-section[data-v-20342ef2],.dhikr-list-section[data-v-20342ef2]{padding:20px}.dhikr-list-section[data-v-20342ef2]{max-height:400px}.dhikr-card[data-v-20342ef2]{padding:24px 16px}.arabic-text[data-v-20342ef2]{font-size:1.8rem}.current-count-text[data-v-20342ef2]{font-size:2.5rem}.total-count-text[data-v-20342ef2]{font-size:1.2rem}.circular-progress[data-v-20342ef2]{width:60px;height:60px}.counter-button[data-v-20342ef2]{padding:16px 32px;font-size:1.1rem;min-width:160px}.navigation-section[data-v-20342ef2]{flex-direction:column;gap:12px}.nav-button[data-v-20342ef2]{padding:12px 20px;justify-content:center}.dhikr-list-item[data-v-20342ef2]{padding:12px}.list-item-arabic[data-v-20342ef2]{font-size:1rem}}