:root{--saffron: #FF9933;--saffron-light: #FFB366;--saffron-dark: #E67300;--gold: #FFD700;--gold-light: #FFE44D;--gold-dark: #B8860B;--cream: #FFF8E7;--cream-dark: #F5E6D3;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--maroon: #800000;--maroon-light: #A52A2A;--deep-purple: #4A0E4E;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--gradient-primary: linear-gradient(135deg, var(--saffron) 0%, var(--gold) 100%);--gradient-warm: linear-gradient(135deg, #FF9933 0%, #FF6B00 50%, #FFD700 100%);--gradient-devotion: linear-gradient(180deg, #FFF8E7 0%, #FFE4B5 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(255, 248, 231, .95) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(255, 153, 51, .3);--shadow-gold: 0 0 30px rgba(255, 215, 0, .2);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, serif;--text-xs: .75rem;--text-sm: .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-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-modal: 1100;--z-tooltip: 1200;--z-toast: 1300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--gray-800);background:var(--gradient-devotion);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--maroon)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--saffron-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--maroon)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.card{background:var(--gradient-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,215,0,.2);box-shadow:var(--shadow-lg);padding:var(--space-6);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gold-light)}.card-title{font-size:var(--text-xl);color:var(--maroon)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--white);color:var(--saffron-dark);border:2px solid var(--saffron)}.btn-secondary:hover:not(:disabled){background:var(--cream);border-color:var(--gold)}.btn-ghost{background:transparent;color:var(--maroon)}.btn-ghost:hover:not(:disabled){background:#ff99331a}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--gray-800);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #f933}.form-input::placeholder{color:var(--gray-400)}.form-input:disabled{background:var(--gray-100);cursor:not-allowed}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444433}.form-error{font-size:var(--text-sm);color:var(--error);margin-top:var(--space-1)}.form-hint{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.checkbox-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.checkbox-item:has(input:checked){border-color:var(--saffron);background:#ff99331a}.checkbox-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--saffron);cursor:pointer}.checkbox-item label{cursor:pointer;font-weight:500;color:var(--gray-700)}.loader{display:inline-flex;width:40px;height:40px}.loader:after{content:"";width:100%;height:100%;border:4px solid var(--cream);border-top-color:var(--saffron);border-radius:50%;animation:spin .8s linear infinite}.loader-sm{width:20px;height:20px}.loader-sm:after{border-width:2px}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.page-loader .loader{width:60px;height:60px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideIn .3s ease;max-width:400px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-200)}.modal-title{font-size:var(--text-xl);color:var(--maroon)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--gray-500);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-200)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.badge-info{background:#3b82f61a;color:var(--info)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--gray-200)}.table th{background:var(--gray-50);font-weight:600;color:var(--gray-700)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--cream)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;border:1px solid var(--gray-200);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--saffron);box-shadow:var(--shadow-md)}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--saffron-dark);font-family:var(--font-display)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.hidden{display:none}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce{animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(-5%)}50%{transform:translateY(0)}}.om-symbol{font-size:4rem;color:var(--saffron);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(255,153,51,.5)}50%{text-shadow:0 0 30px rgba(255,153,51,.8),0 0 60px rgba(255,215,0,.4)}}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--space-3)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{max-width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.btn-lg{width:100%}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .5s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.slide-in-left{opacity:0;transform:translate(-40px);transition:opacity .5s ease,transform .5s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(40px);transition:opacity .5s ease,transform .5s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:opacity .4s ease,transform .4s ease}.scale-in.visible{opacity:1;transform:scale(1)}.page-enter{animation:pageEnter .5s ease-out forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}.icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--white);font-size:1.25rem;flex-shrink:0}.icon-sm{width:36px;height:36px;font-size:1rem}.icon-lg{width:64px;height:64px;font-size:1.5rem}.icon-outline{background:transparent;border:2px solid var(--saffron);color:var(--saffron)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent);margin:var(--space-8) 0}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100)}.feature-list li:last-child{border-bottom:none}.feature-list .check-icon{color:var(--success);font-weight:700;margin-top:2px}.card-interactive{cursor:pointer;position:relative;overflow:hidden}.card-interactive:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.card-interactive:hover:before{opacity:.05}.card-interactive>*{position:relative;z-index:1}.form-input:focus{border-color:var(--saffron);box-shadow:0 0 0 4px #ff993326}.number-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);background:var(--saffron);color:var(--white);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s ease}.om-symbol{font-size:3.5rem;color:var(--saffron);opacity:.9;animation:subtleGlow 3s ease-in-out infinite}@keyframes subtleGlow{0%,to{text-shadow:0 0 8px rgba(255,153,51,.3);transform:scale(1)}50%{text-shadow:0 0 16px rgba(255,153,51,.5);transform:scale(1.02)}}h1,h2,h3{text-wrap:balance}[id]{scroll-margin-top:80px}:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.border-subtle{border:1px solid rgba(0,0,0,.06)}.shadow-soft{box-shadow:0 2px 8px #0000000f}.shadow-medium{box-shadow:0 4px 12px #0000001a}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--gray-400)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{font-size:3rem;color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);color:var(--gray-700);margin-bottom:var(--space-2)}.empty-state-text{color:var(--gray-500);margin-bottom:var(--space-6)}.landing-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;position:relative;overflow-x:hidden;background:linear-gradient(180deg,#fffbf5,#fff5e6,#fffbf5)}.landing-container{width:100%;max-width:900px;text-align:center;position:relative;z-index:1;padding-bottom:2rem}.animated-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.floating-om{position:absolute;font-size:3rem;color:#ff99330f;animation:float 25s ease-in-out infinite}.om-1{top:10%;left:5%}.om-2{top:40%;right:8%;animation-delay:-8s}.om-3{bottom:15%;left:15%;animation-delay:-15s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(5deg)}}.hero-section{padding:1.5rem 0 1rem}.om-symbol{font-size:4rem;color:#f93;margin-bottom:.5rem;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{text-shadow:0 0 20px rgba(255,153,51,.3)}50%{text-shadow:0 0 40px rgba(255,153,51,.6)}}.hero-title{margin-bottom:.5rem}.title-tamil{display:block;font-size:2.5rem;color:#8b0000;font-weight:700;line-height:1.2}.title-english{display:block;font-size:1.75rem;color:#c60;font-weight:600}.hero-tagline{font-size:1.1rem;color:#777;font-style:italic;margin-bottom:1rem}.hero-meaning{font-size:1rem;color:#555;line-height:1.8;max-width:600px;margin:0 auto 1.25rem}.hero-meaning strong{color:#8b0000}.greeting-text{font-size:1.15rem;color:#8b0000;font-weight:600;padding:.85rem 1.5rem;background:linear-gradient(135deg,#ff99331f,#ff660014);border-radius:16px;display:inline-block;border:1px solid rgba(255,153,51,.2)}.intro-section{margin:1.5rem 0;padding:0 1rem}.intro-text{font-size:1rem;color:#666;line-height:1.7;max-width:650px;margin:0 auto}.stats-inline{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #f0e6d9}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-item.highlight .stat-num{color:#f60;font-size:2rem}.stat-num{font-size:1.75rem;font-weight:700;color:#8b0000}.stat-lbl{font-size:.85rem;color:#666;margin-top:.25rem}.stat-divider{color:#ddd;font-size:1.5rem}.teachings-section{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:2rem 0}.teaching-card{background:#fff;border-radius:16px;padding:1.5rem;text-align:left;border:1px solid #f0e6d9;box-shadow:0 4px 15px #0000000a;transition:transform .3s ease,box-shadow .3s ease}.teaching-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff99331f}.teach-icon{font-size:2rem;display:block;margin-bottom:.75rem}.teaching-card h3{color:#8b0000;font-size:1.15rem;margin-bottom:.75rem}.teaching-content{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:1rem}.quote-box{background:linear-gradient(135deg,#fff9f0,#fff5e6);border-left:4px solid #FF9933;border-radius:8px;padding:1rem 1.25rem;margin-top:.75rem}.quote-box.featured{background:linear-gradient(135deg,#fff5e6,#ffe8cc);border-left:5px solid #FF6600;text-align:center;padding:1.5rem}.quote-text{font-size:.95rem;color:#444;font-style:italic;line-height:1.6;margin-bottom:.5rem}.quote-box.featured .quote-text{font-size:1.1rem}.quote-author{font-size:.85rem;color:#8b0000;font-weight:600;margin:0}.metaphor-section{background:#fff;border-radius:16px;padding:1.5rem;margin:2rem 0;border:1px solid #f0e6d9;box-shadow:0 4px 15px #0000000a}.metaphor-title{color:#8b0000;font-size:1.2rem;margin-bottom:1rem}.metaphor-inline{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}.metaphor-item{background:#ff99331a;padding:.6rem 1.1rem;border-radius:25px;font-size:.9rem;color:#555;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,153,51,.15)}.metaphor-item span{font-size:1.1rem}.metaphor-wisdom{font-size:.95rem;color:#666;font-style:italic;margin-top:1rem}.nishta-section{background:linear-gradient(135deg,#8b0000,brown);border-radius:16px;padding:1.75rem;margin:2rem 0;color:#fff}.nishta-section h3{color:gold;font-size:1.2rem;margin-bottom:1rem}.nishta-section .quote-box{background:#ffffff1a;border-left-color:gold}.nishta-section .quote-text{color:#fff}.nishta-section .quote-author{color:gold}.invitation-section{background:#fff;border-radius:16px;padding:1.5rem;margin:2rem 0;border:2px dashed rgba(255,153,51,.3)}.invitation-section h3{color:#8b0000;font-size:1.15rem;margin-bottom:1rem}.invitation-section p{font-size:.95rem;color:#555;line-height:1.8}.invitation-section strong{color:#8b0000}.action-section{margin:2rem 0}.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-card{background:#fff;border-radius:16px;padding:1.5rem 1rem;text-decoration:none;color:inherit;border:1px solid #f0e6d9;transition:all .3s ease;box-shadow:0 4px 15px #0000000a}.action-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff993326;border-color:#f93}.action-card.highlight{background:linear-gradient(135deg,#f93,#f60);color:#fff;border:none}.action-card.highlight h3,.action-card.highlight p{color:#fff}.action-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.action-card h3{font-size:1.1rem;color:#333;margin-bottom:.35rem}.action-card p{font-size:.85rem;color:#666;margin:0}.media-compact{display:flex;justify-content:center;gap:.85rem;margin:2rem 0;flex-wrap:wrap}.media-link{padding:.7rem 1.5rem;background:#fff;border-radius:25px;text-decoration:none;color:#555;font-size:.95rem;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 2px 10px #0000000a}.media-link:hover{background:#fff5e6;border-color:#f93;color:#8b0000;transform:translateY(-2px)}.landing-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,153,51,.2)}.footer-quote{font-size:1rem;color:#666;margin-bottom:1rem;line-height:1.6}.footer-quote strong{color:#8b0000;font-size:1.1rem}.admin-links{display:flex;justify-content:center;gap:.85rem;font-size:.85rem}.admin-links a{color:#999;text-decoration:none;transition:color .3s ease}.admin-links a:hover{color:#8b0000}.admin-links span{color:#ccc}@media(max-width:768px){.landing-page{padding:1rem}.landing-container{max-width:100%}.action-cards{grid-template-columns:1fr}.stats-inline{gap:1.25rem;padding:1rem .75rem}.stat-divider{display:none}.metaphor-inline{gap:.5rem}.metaphor-item{font-size:.85rem;padding:.5rem .9rem}.om-symbol{font-size:3rem}.title-tamil{font-size:2rem}.title-english{font-size:1.4rem}.teaching-card{padding:1.25rem}.quote-box{padding:.85rem 1rem}}@media(max-width:480px){.media-compact{flex-direction:column;align-items:center}.media-link{width:100%;text-align:center}.greeting-text{font-size:1rem;padding:.75rem 1rem}.stats-inline{flex-direction:column;gap:1rem}}.password-input-wrapper{position:relative;width:100%}.password-input{padding-right:48px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;cursor:pointer;color:var(--gray-400);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.password-toggle-btn:hover{color:var(--gray-600);background:var(--gray-100)}.password-toggle-btn:focus{outline:none;color:var(--saffron)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-credentials-auto-fill-button,input::-webkit-contacts-auto-fill-button,input::-webkit-clear-button{display:none!important;visibility:hidden!important;pointer-events:none}input::-webkit-textfield-decoration-container{display:flex}input::-webkit-password-reveal-button{display:none!important}.register-page{min-height:100vh;padding:var(--space-6);display:flex;align-items:center;justify-content:center;animation:pageSlideIn .6s ease-out}.register-container{width:100%;max-width:580px}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);margin-bottom:var(--space-4);font-size:var(--text-sm);transition:color var(--transition-fast)}.back-link:hover{color:var(--saffron-dark)}.register-card{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:0 4px 24px #0000000f;overflow:hidden}.register-header{text-align:center;padding:var(--space-8);background:var(--gradient-primary);color:var(--white)}.register-header .om-symbol{font-size:2.5rem;margin-bottom:var(--space-2)}.register-header h1{font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--space-1);font-family:var(--font-primary);font-weight:600}.register-header p{opacity:.9;margin:0}.register-form{padding:var(--space-6)}.optional{font-weight:400;color:var(--gray-400);font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-100)}.section-title{font-size:var(--text-base);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-2);font-family:var(--font-primary)}.section-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4)}.accounts-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:var(--text-sm)}.no-accounts{color:var(--gray-500);font-style:italic}.photo-upload-area{margin-top:var(--space-4)}.photo-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.photo-upload-label:hover{border-color:var(--saffron);background:var(--cream)}.upload-icon{color:var(--gray-400);margin-bottom:var(--space-2)}.photo-upload-label span{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.photo-upload-label small{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.photo-preview{position:relative;display:inline-block}.photo-preview img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--saffron)}.remove-photo-btn{position:absolute;top:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--error);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.remove-photo-btn:hover{transform:scale(1.1)}.register-footer{text-align:center;padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--gray-100)}.register-footer p{margin:0;color:var(--gray-600)}.register-footer a{color:var(--saffron-dark);font-weight:500}@media(max-width:768px){.register-page{padding:var(--space-4);align-items:flex-start;padding-top:var(--space-6)}.form-row,.form-row-3{grid-template-columns:1fr}.register-header{padding:var(--space-6)}.register-form{padding:var(--space-4)}}.login-page{min-height:100vh;padding:var(--space-6);display:flex;align-items:center;justify-content:center;animation:pageSlideIn .6s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-container{width:100%;max-width:420px}.login-container .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);margin-bottom:var(--space-4);font-size:var(--text-sm);transition:color var(--transition-fast)}.login-container .back-link:hover{color:var(--saffron-dark)}.login-card{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);box-shadow:0 4px 24px #0000000f;overflow:hidden}.login-header{text-align:center;padding:var(--space-8);background:var(--gradient-primary);color:var(--white)}.login-header .om-symbol{font-size:2.5rem;margin-bottom:var(--space-2)}.login-header h1{font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--space-1);font-family:var(--font-primary);font-weight:600}.login-header p{opacity:.9;margin:0}.login-form{padding:var(--space-6)}.login-footer{text-align:center;padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--gray-100)}.login-footer p{margin:0;color:var(--gray-600)}.login-footer a{color:var(--saffron-dark);font-weight:500}@media(max-width:768px){.login-page{padding:var(--space-4)}.login-header{padding:var(--space-6)}.login-form{padding:var(--space-4)}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50);animation:pageSlideIn .5s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.header-left{display:flex;align-items:center;gap:var(--space-3)}.om-symbol-small{font-size:1.5rem;color:var(--saffron)}.header-left h1{font-size:var(--text-xl);font-family:var(--font-display);color:var(--maroon);margin:0}.header-right{display:flex;align-items:center;gap:var(--space-4)}.user-name{color:var(--gray-700);font-weight:500}.dashboard-main{flex:1;padding:var(--space-8) 0}.welcome-section{text-align:center;margin-bottom:var(--space-8)}.welcome-section h2{font-size:var(--text-3xl);color:var(--maroon);margin-bottom:var(--space-2)}.welcome-section p{color:var(--gray-600);font-size:var(--text-lg);margin:0}.stats-section{margin-bottom:var(--space-8)}.stats-section h3,.accounts-section h3,.actions-section h3{font-size:var(--text-base);color:var(--gray-700);margin-bottom:var(--space-4);font-family:var(--font-primary);font-weight:600}.stats-loading{display:flex;justify-content:center;padding:var(--space-6)}.stats-section .stat-card.highlight{background:var(--gradient-primary);border-color:var(--gold)}.stats-section .stat-card.highlight .stat-value{color:var(--white)}.stats-section .stat-card.highlight .stat-label{color:#ffffffe6}.no-stats{color:var(--gray-500);font-style:italic;text-align:center}.accounts-section{margin-bottom:var(--space-8)}.accounts-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.account-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--gray-700)}.actions-section{margin-bottom:var(--space-8)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.action-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;text-decoration:none;color:inherit}.action-card:hover{border-color:var(--saffron)}.action-card:hover .action-icon{background:var(--gradient-primary);color:var(--white)}.action-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--cream);border-radius:var(--radius-lg);color:var(--saffron-dark);margin:0 auto var(--space-4);transition:all var(--transition-base)}.action-card h4{font-size:var(--text-lg);color:var(--gray-900);margin-bottom:var(--space-2);font-family:var(--font-primary)}.action-card p{color:var(--gray-500);font-size:var(--text-sm);margin:0}.dashboard-footer{text-align:center;padding:var(--space-6) 0;border-top:1px solid var(--gray-200);background:var(--white)}.dashboard-footer p{color:var(--gray-500);font-style:italic;margin:0}@media(max-width:768px){.header-content{flex-direction:column;gap:var(--space-3)}.welcome-section h2{font-size:var(--text-2xl)}.action-cards{grid-template-columns:1fr}}.live-summary-section{margin-bottom:var(--space-8)}.live-summary-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:0 4px 6px -1px #0000000d}.card-header-icon{width:64px;height:64px;background:var(--cream);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--saffron-dark)}.live-summary-card .card-title{font-size:var(--text-2xl);color:var(--gray-900);margin-bottom:var(--space-1);letter-spacing:.05em}.summary-header{color:var(--gray-600);font-size:var(--text-base);margin-bottom:var(--space-6)}.highlights-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.highlight-item{background:var(--cream-light);border:1px solid var(--saffron-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);text-decoration:none;color:var(--gray-700);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-base)}.highlight-item:hover{transform:translateY(-2px);border-color:var(--saffron)}.highlight-count{font-weight:700;color:var(--maroon);font-size:var(--text-lg)}.highlight-text{font-weight:500}.highlight-link{color:var(--primary-color);font-weight:600}.stats-box{background:var(--white);border:2px dashed var(--saffron-light);display:flex;flex-direction:column;padding:var(--space-6)}.stats-box-title{font-weight:700;color:var(--maroon);margin-bottom:var(--space-3);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.05em}.stats-box-content{display:flex;justify-content:center;gap:var(--space-8)}.box-stat{display:flex;flex-direction:column;align-items:center}.box-stat-val{font-size:var(--text-2xl);font-weight:800;color:var(--saffron-dark)}.box-stat-label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;font-weight:600}.current-stats-footer{border-top:1px dashed var(--gray-300);padding-top:var(--space-6)}.footer-label{font-weight:600;color:var(--gray-600);margin-bottom:var(--space-4)}.footer-stats-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-6)}.footer-stat{color:var(--gray-700);font-size:var(--text-sm);font-weight:500}@media(max-width:768px){.live-summary-card{padding:var(--space-6) var(--space-4)}.highlights-grid{grid-template-columns:1fr}.footer-stats-grid{flex-direction:column;gap:var(--space-2)}}.invest-page{min-height:100vh;background:var(--gray-50)}.page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-6) 0;text-align:center}.page-header .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.page-header .back-link:hover{color:var(--saffron-dark)}.page-header h1{font-size:var(--text-2xl);color:var(--maroon);margin-bottom:var(--space-1)}.page-header p{color:var(--gray-500);margin:0}.invest-main{padding:var(--space-6) 0}.user-info-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-5);margin-bottom:var(--space-5)}.user-profile{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100)}.user-avatar-large{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-2xl);font-weight:700;overflow:hidden;flex-shrink:0}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-name-display{font-size:var(--text-xl);color:var(--gray-900);margin:0 0 var(--space-1);font-weight:600}.user-city-display{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:var(--text-sm);margin:0}.user-city-display svg{color:var(--saffron)}.linked-accounts-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.accounts-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:500}.accounts-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-tag{background:linear-gradient(135deg,var(--cream) 0%,var(--saffron-light) 100%);color:var(--saffron-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.today-summary{display:flex;align-items:center;justify-content:space-between;background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);color:var(--white)}.summary-content{display:flex;flex-direction:column}.summary-label{font-size:var(--text-sm);opacity:.9}.summary-value{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-display)}.summary-icon{opacity:.5}.invest-form{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6)}.date-selection-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-100)}.section-title{font-size:var(--text-sm);color:var(--gray-700);font-weight:600;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-2)}.date-hint{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2)}.account-entry{padding:var(--space-5);border-bottom:1px solid var(--gray-100)}.account-entry:last-child{border-bottom:none}.account-info{margin-bottom:var(--space-3)}.account-name{font-weight:600;color:var(--gray-800)}.count-controls{display:flex;align-items:center;gap:var(--space-4)}.quick-buttons{display:flex;gap:var(--space-2)}.quick-btn{padding:var(--space-2) var(--space-3);background:var(--cream);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--saffron-dark);cursor:pointer;transition:all var(--transition-fast)}.quick-btn:hover{background:var(--saffron);color:var(--white);border-color:var(--saffron)}.count-input-wrapper{flex:1;max-width:120px}.count-input{text-align:center;font-size:var(--text-xl);font-weight:600;padding:var(--space-3)}.total-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--cream);border-radius:var(--radius-lg);margin-top:var(--space-4);margin-bottom:var(--space-6)}.total-label{font-weight:500;color:var(--gray-700)}.total-value{font-size:var(--text-2xl);font-weight:700;color:var(--saffron-dark)}@media(max-width:768px){.count-controls{flex-direction:column;align-items:stretch}.count-input-wrapper{max-width:100%}.quick-buttons{justify-content:center}}.audio-page{min-height:100vh;background:var(--gray-50)}.audio-main{padding:var(--space-6) 0}.audio-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);align-items:start}.audio-list-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6)}.audio-list-section h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--gray-900);margin-bottom:var(--space-5)}.audio-list-section h2 svg{color:var(--saffron)}.audio-list{display:flex;flex-direction:column;gap:var(--space-2)}.audio-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-base)}.audio-item:hover{background:var(--cream);border-color:var(--saffron-light)}.audio-item.active{background:linear-gradient(135deg,var(--cream) 0%,var(--saffron-light) 100%);border-color:var(--saffron)}.audio-item.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff99334d}50%{box-shadow:0 0 0 8px #f930}}.audio-item-info{display:flex;align-items:center;gap:var(--space-3)}.audio-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-200);border-radius:50%;font-size:var(--text-sm);font-weight:600;color:var(--gray-600)}.audio-item.active .audio-number{background:var(--saffron);color:var(--white)}.audio-title{font-weight:500;color:var(--gray-800);font-size:var(--text-sm)}.audio-item-controls{display:flex;gap:var(--space-2)}.control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-fast)}.play-btn{background:var(--saffron);color:var(--white)}.play-btn:hover{background:var(--saffron-dark);transform:scale(1.1)}.pause-btn{background:var(--warning);color:var(--white)}.stop-btn{background:var(--error);color:var(--white)}.pause-btn:hover,.stop-btn:hover{transform:scale(1.1)}.control-btn.disabled,.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.control-btn.disabled:hover,.control-btn:disabled:hover{transform:none}.paused-badge{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--warning);color:var(--white);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em}.counter-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);position:sticky;top:var(--space-6)}.now-playing{text-align:center;padding:var(--space-4);background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.now-playing-label{display:block;font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.now-playing-title{display:block;font-weight:600;color:var(--maroon);font-size:var(--text-base)}.playing-indicator{display:flex;justify-content:center;gap:3px;margin-top:var(--space-3)}.playing-indicator .bar{width:4px;height:20px;background:var(--saffron);border-radius:2px;animation:soundBar .5s ease infinite alternate}.playing-indicator .bar:nth-child(1){animation-delay:0s}.playing-indicator .bar:nth-child(2){animation-delay:.1s}.playing-indicator .bar:nth-child(3){animation-delay:.2s}.playing-indicator .bar:nth-child(4){animation-delay:.3s}@keyframes soundBar{0%{height:8px}to{height:24px}}.live-counter{text-align:center;padding:var(--space-6);margin-bottom:var(--space-5)}.counter-display{margin-bottom:var(--space-4)}.counter-value{font-size:4rem;font-weight:700;color:var(--saffron-dark);font-family:var(--font-display);line-height:1}.counter-label{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-2)}.loop-info{display:flex;flex-direction:column;gap:var(--space-1)}.loop-count{font-weight:600;color:var(--gray-700);font-size:var(--text-sm)}.loop-note{font-size:var(--text-xs);color:var(--gray-400)}.account-selector{margin-bottom:var(--space-5)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%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%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.audio-info{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--cream);border-radius:var(--radius-lg);margin-top:var(--space-4)}.audio-info svg{color:var(--saffron);flex-shrink:0;margin-top:2px}.audio-info p{font-size:var(--text-sm);color:var(--gray-600);margin:0;line-height:1.5}@media(max-width:900px){.audio-layout{grid-template-columns:1fr}.counter-section{position:static}}@media(max-width:480px){.audio-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.audio-item-controls{width:100%;justify-content:flex-end}.counter-value{font-size:3rem}}.reports-page{min-height:100vh;background:var(--gray-50)}.reports-main{padding:var(--space-6) 0}.report-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.report-section h2{font-size:var(--text-lg);color:var(--gray-800);margin-bottom:var(--space-5);font-family:var(--font-primary);font-weight:600}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.reports-page .stat-card.highlight{background:var(--gradient-primary);border-color:var(--gold)}.reports-page .stat-card.highlight .stat-value{color:var(--white)}.reports-page .stat-card.highlight .stat-label{color:#ffffffe6}.count-cell{font-weight:700;color:var(--saffron-dark)}.quote-section{text-align:center;padding:var(--space-6);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-100)}.quote-section p{font-family:var(--font-display);font-style:italic;color:var(--gray-500);font-size:var(--text-base);margin:0;line-height:1.8}.date-range{font-size:var(--text-xs);font-weight:500;color:var(--gray-600);background:var(--cream-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.date-single{font-size:var(--text-xs);color:var(--gray-400);font-style:italic}@media(max-width:768px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}.stats-grid-5 .stat-card:last-child{grid-column:span 2}}@media(max-width:480px){.stats-grid-5{grid-template-columns:1fr}.stats-grid-5 .stat-card:last-child{grid-column:span 1}}.public-reports-page{min-height:100vh;background:var(--gray-50)}.reports-header{background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);border-bottom:1px solid var(--gray-200);padding:var(--space-6) 0 var(--space-10);text-align:center}.reports-header .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--space-6)}.reports-header .header-content{max-width:600px;margin:0 auto}.reports-header .om-symbol{font-size:3rem;margin-bottom:var(--space-3)}.reports-header h1{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--maroon);margin-bottom:var(--space-2)}.reports-header p{color:var(--gray-600);font-size:var(--text-lg)}.reports-main{padding:var(--space-8) 0;margin-top:-var(--space-6)}.global-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.global-stats .stat-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.global-stats .stat-card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.global-stats .stat-card.highlight{background:var(--gradient-primary);border-color:transparent}.global-stats .stat-card.highlight .stat-value,.global-stats .stat-card.highlight .stat-label{color:var(--white)}.stat-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--gray-900);font-family:var(--font-display)}.stat-label{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.section h2{font-size:var(--text-xl);color:var(--gray-900);margin-bottom:var(--space-5)}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5)}.section-header h2{margin-bottom:0}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.user-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.user-card:hover{background:var(--cream)}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:var(--text-lg);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info h4{font-size:var(--text-sm);color:var(--gray-900);margin:0}.user-info p{font-size:var(--text-xs);color:var(--gray-500);margin:var(--space-1) 0 0}.users-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.user-card-enhanced{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid var(--gray-100)}.user-card-enhanced:hover{background:var(--cream);border-color:var(--saffron-light);transform:translateY(-2px);box-shadow:0 4px 12px #ff99331a}.user-avatar-lg{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:var(--text-xl);flex-shrink:0}.user-avatar-lg img{width:100%;height:100%;object-fit:cover}.user-details h4{font-size:var(--text-sm);color:var(--gray-900);margin:0 0 var(--space-1)}.user-city{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--gray-500);margin:0 0 var(--space-2)}.user-city svg{color:var(--saffron)}.user-accounts{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.mini-tag{background:var(--white);color:var(--gray-600);padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;border:1px solid var(--gray-200)}.user-contribution{font-size:var(--text-xs);color:var(--saffron-dark)}.user-contribution strong{font-size:var(--text-base)}.leaderboard{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.leaderboard-item:hover{background:var(--cream)}.leaderboard-item.top-three{background:linear-gradient(135deg,var(--cream) 0%,rgba(255,153,51,.1) 100%);border:1px solid var(--saffron-light)}.leaderboard-item .rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-200);border-radius:50%;font-weight:700;font-size:var(--text-sm);color:var(--gray-600)}.leaderboard-item.top-three .rank{background:var(--saffron);color:var(--white)}.contributor-info{flex:1;display:flex;flex-direction:column}.contributor-name{font-weight:600;color:var(--gray-800);font-size:var(--text-sm)}.contributor-city{font-size:var(--text-xs);color:var(--gray-500)}.contributor-total{font-weight:700;color:var(--saffron-dark);font-size:var(--text-lg)}.chart-card-wide{grid-column:1 / -1}.export-buttons{display:flex;gap:var(--space-2)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--gray-100)}.table th{font-size:var(--text-sm);font-weight:600;color:var(--gray-600);background:var(--gray-50)}.table td{font-size:var(--text-sm);color:var(--gray-700)}.table tbody tr:hover{background:var(--gray-50)}.highlight-cell{font-weight:600;color:var(--saffron-dark)}.date-range-badge{display:inline-block;background:var(--cream-light);color:var(--maroon);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.single-day-badge{display:inline-block;color:var(--gray-400);font-size:var(--text-xs);font-style:italic}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.chart-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-5)}.chart-card h3{font-size:var(--text-base);color:var(--gray-700);margin-bottom:var(--space-4);text-align:center}.quote-section{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);border-radius:var(--radius-xl);border:1px solid var(--saffron-light);margin-top:var(--space-6)}.quote-section p{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--maroon);margin:0;line-height:1.6}@media(max-width:768px){.reports-main{padding:var(--space-4) 0}.section{padding:var(--space-4)}.charts-grid{grid-template-columns:1fr}.chart-card{padding:var(--space-4)}.export-buttons{width:100%;justify-content:center}.users-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.admin-login-page{min-height:100vh;padding:var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a2e,#16213e)}.admin-login-container{width:100%;max-width:420px}.admin-login-container .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:#fff9;margin-bottom:var(--space-4);font-size:var(--text-sm);transition:color var(--transition-fast)}.admin-login-container .back-link:hover{color:#ffffffe6}.admin-login-card{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.admin-login-header{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,#1a1a2e,#0f3460);color:var(--white)}.admin-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-xl);margin:0 auto var(--space-4);color:var(--gold)}.admin-login-header h1{font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--space-1);font-family:var(--font-primary);font-weight:600}.admin-login-header p{opacity:.7;margin:0;font-size:var(--text-sm)}.admin-login-form{padding:var(--space-6)}.admin-login-footer{text-align:center;padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--gray-100)}.security-note{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--gray-500)}@media(max-width:768px){.admin-login-page{padding:var(--space-4)}.admin-login-header{padding:var(--space-6)}.admin-login-form{padding:var(--space-4)}}.image-upload-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.upload-header{margin-bottom:1.5rem}.upload-header h3{margin:0 0 .5rem;color:var(--text-primary, #333);font-size:1.25rem}.upload-header p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.drop-zone{border:2px dashed #ddd;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.drop-zone:hover{border-color:var(--primary-color, #FF9933);background:#ff99330d}.drop-zone-content{pointer-events:none}.drop-icon{font-size:3rem;display:block;margin-bottom:1rem}.drop-text{font-size:1.1rem;font-weight:500;color:var(--text-primary, #333);margin:0 0 .5rem}.drop-hint{font-size:.85rem;color:var(--text-secondary, #888);margin:0}.preview-section{margin-top:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary, #666)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.preview-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#f0f0f0}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .3s ease}.preview-item:hover .preview-overlay{background:#0006}.remove-btn{opacity:0;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;font-size:1rem;color:#e74c3c;transition:all .3s ease}.preview-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#fff;transform:scale(1.1)}.status-indicator{font-size:1.5rem}.preview-item.uploading{opacity:.7}.preview-item.success{border:2px solid #27ae60}.preview-item.error{border:2px solid #e74c3c}.preview-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:.5rem;display:flex;flex-direction:column}.preview-name{font-size:.75rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-size{font-size:.65rem;color:#ffffffb3}.btn-upload{width:100%;margin-top:1.5rem;padding:1rem;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:768px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.drop-zone{padding:1.5rem}.drop-icon{font-size:2rem}}.audio-upload-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.audio-drop{border:2px dashed #ddd;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.audio-drop:hover{border-color:#4caf50;background:#4caf500d}.file-list-section{margin-top:1.5rem}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary, #666)}.file-list{max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;margin-bottom:.5rem;transition:all .3s ease}.file-item:hover{background:#f0f0f0}.file-item.uploading{opacity:.7}.file-item.success{background:#27ae601a;border-left:3px solid #27ae60}.file-item.error{background:#e74c3c1a;border-left:3px solid #e74c3c}.file-icon{font-size:1.5rem}.file-info{flex:1;display:flex;flex-direction:column}.file-name{font-weight:500;color:var(--text-primary, #333);font-size:.9rem}.file-size{font-size:.75rem;color:var(--text-secondary, #888)}.file-status{display:flex;align-items:center}.file-status .status{font-size:1.2rem}.file-status .remove-btn{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #ddd;cursor:pointer;color:#e74c3c;font-size:.9rem;transition:all .3s ease}.file-status .remove-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.book-upload-container{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #0000000d;max-width:600px;margin:0 auto}.book-upload-container h3{margin-top:0;margin-bottom:20px;color:var(--text-color)}.upload-instructions{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:24px;font-size:.9em;color:#475569}.upload-instructions p{margin:5px 0}.upload-instructions code{background:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace;color:#0f172a;font-weight:500}.drop-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;cursor:pointer;background:#fff}.drop-zone:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.02)}.drop-zone.has-file{border-color:var(--secondary-color);background:rgba(var(--secondary-rgb),.05)}.file-input{display:none}.file-label{cursor:pointer;display:block;width:100%;height:100%}.upload-prompt,.file-selected{display:flex;flex-direction:column;align-items:center;gap:12px;color:#64748b}.file-selected{color:var(--secondary-color);font-weight:500}.info-message{margin-top:16px;padding:12px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:.9em}.metadata-editor{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:24px;animation:fadeIn .3s ease}.metadata-editor h4{margin-top:0;margin-bottom:20px;color:#334155}.metadata-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.metadata-form-grid .form-group{display:flex;flex-direction:column;gap:6px}.metadata-form-grid .form-group:first-child{grid-column:span 2}.metadata-form-grid label{font-size:.85em;font-weight:500;color:#64748b}.metadata-form-grid input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95em;color:#1e293b;transition:all .2s}.metadata-form-grid input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.mt-4{margin-top:16px}.full-width{width:100%;padding:12px;font-weight:500;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.excel-upload{padding:var(--space-6)}.upload-header{margin-bottom:var(--space-6)}.upload-header h3{font-size:var(--text-lg);color:var(--gray-900);margin-bottom:var(--space-2)}.upload-header p{color:var(--gray-500);font-size:var(--text-sm)}.upload-actions{margin-bottom:var(--space-4)}.upload-area{margin-bottom:var(--space-6)}.upload-button{width:100%;padding:var(--space-8);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all var(--transition-base);color:var(--gray-600)}.upload-button:hover{border-color:var(--saffron);background:var(--cream)}.upload-button svg{color:var(--saffron)}.upload-button span{font-weight:500}.upload-button small{font-size:var(--text-xs);color:var(--gray-400)}.upload-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);color:var(--gray-600)}.upload-errors{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.upload-errors h4{color:var(--error-dark);font-size:var(--text-sm);margin-bottom:var(--space-2)}.upload-errors ul{margin:0;padding-left:var(--space-5)}.upload-errors li{font-size:var(--text-sm);color:var(--error-dark);margin-bottom:var(--space-1)}.preview-section{margin-bottom:var(--space-6)}.preview-section h4{font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-3)}.preview-table-wrapper{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.preview-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.preview-table th,.preview-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--gray-100)}.preview-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700)}.preview-more{text-align:center;color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-2)}.default-accounts-section{margin-bottom:var(--space-6)}.default-accounts-section h4{font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-3)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.checkbox-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.upload-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.admin-dashboard{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.admin-header{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:var(--white);padding:var(--space-4) 0}.admin-header .header-content{display:flex;align-items:center;justify-content:space-between}.admin-header .header-left{display:flex;align-items:center;gap:var(--space-4)}.admin-badge{background:#fff3;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm)}.admin-header h1{font-size:var(--text-xl);color:var(--white);margin:0}.admin-header .btn-ghost{color:#fffc}.admin-header .btn-ghost:hover{color:var(--white);background:#ffffff1a}.admin-nav{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.nav-tabs{display:flex;gap:var(--space-1);padding:var(--space-2) 0;overflow-x:auto}.nav-tab{padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-lg);font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-tab:hover{background:var(--gray-100);color:var(--gray-800)}.nav-tab.active{background:var(--gradient-primary);color:var(--white)}.admin-main{flex:1;padding:var(--space-6) 0}.admin-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h2{font-size:var(--text-lg);color:var(--gray-800);margin:0;font-family:var(--font-primary)}.admin-dashboard .table-container{margin-top:var(--space-4)}.admin-dashboard .table{font-size:var(--text-sm)}.admin-dashboard .count-cell{font-weight:700;color:var(--saffron-dark)}.action-buttons{display:flex;gap:var(--space-2)}@media(max-width:768px){.admin-header .header-content{flex-direction:column;gap:var(--space-3);text-align:center}.admin-header .header-left{flex-direction:column;gap:var(--space-2)}.nav-tabs{justify-content:flex-start;padding-left:var(--space-2);padding-right:var(--space-2)}.nav-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.action-buttons{flex-direction:column}}.btn-danger{color:var(--error)}.btn-danger:hover{background:#ef44441a}.admin-note{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--cream);border-radius:var(--radius-lg);border-left:3px solid var(--saffron)}.admin-note p{margin:0;font-size:var(--text-sm);color:var(--gray-600)}.empty-state{text-align:center;padding:var(--space-8);color:var(--gray-500)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--gray-500);padding:var(--space-1);display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--saffron)}.media-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-top:var(--space-4)}.upload-section{min-width:0}@media(max-width:768px){.media-upload-grid{grid-template-columns:1fr}}.section-description{color:var(--gray-600);font-size:var(--text-sm);margin:0}.moderator-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-50)}.moderator-login-container{width:100%;max-width:420px}.moderator-login-card{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);padding:var(--space-8);box-shadow:0 4px 20px #0000000f}.moderator-login-header{text-align:center;margin-bottom:var(--space-8)}.moderator-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream) 0%,var(--saffron-light) 100%);border-radius:50%;margin:0 auto var(--space-5);color:var(--saffron-dark)}.moderator-login-header h1{font-size:var(--text-2xl);color:var(--gray-900);margin-bottom:var(--space-2)}.moderator-login-header p{color:var(--gray-500);font-size:var(--text-base)}.moderator-login-form{display:flex;flex-direction:column;gap:var(--space-5)}.moderator-login-footer{margin-top:var(--space-6);text-align:center;padding-top:var(--space-6);border-top:1px solid var(--gray-100)}.moderator-login-footer p{color:var(--gray-500);font-size:var(--text-sm)}.moderator-login-footer a{color:var(--saffron-dark);font-weight:500}.moderator-login-footer a:hover{text-decoration:underline}@media(max-width:480px){.moderator-login-page{padding:var(--space-4)}.moderator-login-card{padding:var(--space-6)}}.moderator-dashboard{min-height:100vh;background:var(--gray-50)}.moderator-dashboard .dashboard-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-4) 0;position:sticky;top:0;z-index:100}.moderator-dashboard .header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.moderator-dashboard .header-left{display:flex;align-items:center;gap:var(--space-4)}.moderator-dashboard .header-left h1{font-size:var(--text-xl);color:var(--gray-900);margin:0}.moderator-dashboard .welcome-text{font-size:var(--text-sm);color:var(--gray-500);margin:0}.moderator-dashboard .header-right{display:flex;gap:var(--space-2)}.moderator-dashboard .dashboard-main{padding:var(--space-6) 0}.info-section{margin-bottom:var(--space-8)}.info-card{background:linear-gradient(135deg,var(--cream) 0%,var(--white) 100%);border-radius:var(--radius-xl);border:1px solid var(--saffron-light);padding:var(--space-6)}.info-card h3{font-size:var(--text-lg);color:var(--maroon);margin-bottom:var(--space-4)}.capabilities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0}.capabilities-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.capabilities-list li.can-do{color:var(--success)}.capabilities-list li.cannot-do{color:var(--gray-400)}.accounts-section{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.section-header h2{font-size:var(--text-xl);color:var(--gray-900);margin:0}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.account-card{background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-5);transition:all var(--transition-base)}.account-card:hover{border-color:var(--saffron-light);box-shadow:0 4px 12px #0000000f}.account-card.inactive{opacity:.7}.account-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.account-header h3{font-size:var(--text-base);color:var(--gray-900);margin:0}.status-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:500}.status-badge.active{background:var(--success-light);color:var(--success-dark)}.status-badge.inactive{background:var(--gray-200);color:var(--gray-600)}.account-description{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4);line-height:1.5}.account-actions{display:flex;gap:var(--space-2)}.loading-state,.empty-state{text-align:center;padding:var(--space-10);color:var(--gray-500)}.loading-state .loader{margin-bottom:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-100)}.modal-header h2{font-size:var(--text-lg);color:var(--gray-900);margin:0}.modal-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{color:var(--gray-600);background:var(--gray-100)}.modal-body{padding:var(--space-6)}.modal-body .form-group+.form-group{margin-top:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--gray-100);background:var(--gray-50)}.modal-body .form-row{display:flex;flex-direction:row;gap:var(--space-4);align-items:flex-start}.modal-body .form-row>.form-group{flex:1;min-width:0;margin-bottom:0}.modal-body .form-row .form-group .form-label{display:block;margin-bottom:var(--space-2);white-space:nowrap}.modal-body .form-row .form-group .form-input{width:100%}.modal-body .form-row+.form-group{margin-top:var(--space-5)}.modal-body .required{color:var(--error)}.modal-body .target-label{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--saffron-dark);font-weight:600}.tab-navigation{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--gray-200);padding-bottom:var(--space-2)}.tab-btn{padding:var(--space-3) var(--space-5);border:none;background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-base)}.tab-btn:hover{color:var(--gray-700);background:var(--gray-100)}.tab-btn.active{color:var(--saffron);background:var(--cream);border-bottom:2px solid var(--saffron);margin-bottom:-2px}.table-container{overflow-x:auto;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow)}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--gray-100)}.users-table th{background:var(--gray-50);font-weight:600;font-size:var(--text-sm);color:var(--gray-600)}.users-table td{font-size:var(--text-sm)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-3);max-height:300px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.checkbox-item:hover{background:var(--gray-50)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--saffron)}.checkbox-item input[type=checkbox]:disabled{opacity:.5}.already-linked{color:var(--gray-400);font-style:italic}.modal-description{color:var(--gray-600);margin-bottom:var(--space-4)}.prayer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-5)}.prayer-review-card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow);border:1px solid var(--gray-100)}.prayer-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.prayer-meta .prayer-author{font-weight:600;color:var(--saffron-dark)}.prayer-meta .prayer-privacy{font-size:var(--text-xs);padding:2px 8px;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-600);text-transform:capitalize}.prayer-review-card .prayer-text{color:var(--gray-700);line-height:1.6;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-sm);font-size:var(--text-sm)}.prayer-info{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--gray-500);margin-bottom:var(--space-4)}.prayer-actions{display:flex;gap:var(--space-2)}@media(max-width:768px){.moderator-dashboard .header-content{flex-direction:column;align-items:flex-start}.capabilities-list,.accounts-grid{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}}.prayer-page{min-height:100vh;background-color:#fafaf9;font-family:Inter,system-ui,-apple-system,sans-serif}.prayer-header{background:linear-gradient(135deg,var(--saffron) 0%,#D97706 100%);padding:var(--space-12) 0;color:var(--white);text-align:center;position:relative;overflow:hidden}.prayer-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.1) 0%,transparent 20%);pointer-events:none}.prayer-header .container{position:relative;z-index:10;max-width:800px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center}.prayer-header .back-link{position:absolute;left:var(--space-6);top:-2rem;display:inline-flex;align-items:center;gap:var(--space-2);color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.prayer-header .back-link:hover{color:var(--white);transform:translate(-4px)}.prayer-header .header-content{margin-bottom:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.prayer-header .header-icon{width:72px;height:72px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(255,255,255,.2);margin-bottom:var(--space-2)}.prayer-header .header-icon svg{color:var(--white);width:32px;height:32px}.prayer-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.prayer-header .subtitle{font-size:1.125rem;color:#fffffff2;margin:0;max-width:600px;line-height:1.6}.share-prayer-btn{font-size:1rem;font-weight:600;padding:.875rem 1.5rem;background:var(--white);color:#d97706;border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px #0000001a;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.share-prayer-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026;background-color:#fff}.prayer-main{padding:var(--space-12) 0;min-height:60vh}.loading-state,.empty-state{text-align:center;padding:var(--space-16) var(--space-6);max-width:600px;margin:0 auto}.empty-state .empty-icon-wrapper{width:96px;height:96px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);border:1px solid var(--gray-200);box-shadow:0 10px 15px -3px #0000000d}.empty-state .empty-icon-wrapper svg{color:var(--saffron-dark)}.empty-state h3{font-size:var(--text-xl);color:var(--gray-700);margin:0 0 var(--space-2)}.empty-state p{color:var(--gray-500);margin:0 0 var(--space-6)}.empty-state .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.prayer-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.prayer-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:all var(--transition-base);display:flex;flex-direction:column}.prayer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.prayer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-100)}.prayer-author{font-weight:600;color:var(--saffron-dark);font-size:var(--text-base)}.prayer-date{font-size:var(--text-xs);color:var(--gray-400)}.prayer-text{flex:1;color:var(--gray-700);line-height:1.6;font-size:var(--text-sm);margin:0 0 var(--space-4)}.prayer-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.prayer-count{font-size:var(--text-sm);color:var(--gray-500);font-style:italic}.pray-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--maroon) 0%,#8B4513 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.pray-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b45134d}.pray-btn.prayed{background:var(--gray-200);color:var(--gray-600);cursor:default}.pray-btn.prayed svg{fill:var(--success);stroke:var(--success)}.prayer-page .modal-lg{max-width:550px}.char-count{display:block;text-align:right;font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--gray-600)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--saffron)}.required{color:var(--error)}@media(max-width:768px){.prayer-header h1{font-size:var(--text-2xl)}.prayer-header .back-link{position:static;margin-bottom:var(--space-4);justify-content:center}.prayer-wall{grid-template-columns:1fr}.prayer-card-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.prayer-count{text-align:center}.pray-btn{justify-content:center}}.bookshelf-page{background:#f8fafc;min-height:100vh}.bookshelf-header{background:#fff;padding:60px 0 40px;text-align:center;border-bottom:1px solid #e2e8f0}.bookshelf-header h1{font-size:2.5rem;color:#1e293b;margin-bottom:12px}.bookshelf-header p{color:#64748b;font-size:1.1rem}.bookshelf-main{padding:40px 20px}.featured-shelf{margin-bottom:60px}.featured-shelf h2{font-size:1.5rem;color:#334155;margin-bottom:24px;padding-left:12px;border-left:4px solid var(--primary-color)}.shelf-scroll{display:flex;gap:24px;overflow-x:auto;padding:20px 4px 40px;scrollbar-width:thin}.book-card{text-decoration:none;color:inherit;width:160px;flex-shrink:0;transition:transform .3s ease}.book-card:hover{transform:translateY(-8px)}.book-cover{width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,#ff6b6b,#ee5253);border-radius:4px 8px 8px 4px;box-shadow:2px 4px 8px #0003,10px 10px 20px #0000001a;position:relative;overflow:hidden;margin-bottom:12px;display:flex;flex-direction:column;padding:12px;color:#fff;justify-content:center;text-align:center}.book-card:nth-child(2n) .book-cover{background:linear-gradient(135deg,#4834d4,#686de0)}.book-card:nth-child(3n) .book-cover{background:linear-gradient(135deg,#6ab04c,#badc58)}.book-card:nth-child(4n) .book-cover{background:linear-gradient(135deg,#f0932b,#ffbe76)}.book-spine{position:absolute;left:0;top:0;bottom:0;width:10px;background:#0000001a;z-index:10}.book-content h3{font-size:.9rem;margin:0 0 8px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}.book-meta{font-size:.75rem;opacity:.9}.book-details h4{margin:0 0 4px;font-size:.95rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-count{font-size:.8rem;color:#64748b}.library-controls{margin-bottom:30px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 4px #00000005}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-bar select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.9rem;outline:none;background-color:#fff}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:32px;justify-items:center}.book-sub-info{font-size:.8rem;color:#64748b;margin-bottom:2px}.location-tag{font-size:.75rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;display:inline-block}@media(max-width:600px){.filter-bar select{flex:1 1 40%}}.book-reader-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a1a1a;display:flex;flex-direction:column;z-index:2000;overflow:hidden;color:#f1f5f9;overscroll-behavior:none;touch-action:none}.reader-toolbar{height:64px;background:#0f172a;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:50;border-bottom:1px solid #1e293b}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.75rem}.btn-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ffffff26;color:#f8fafc;border-color:#fff3}.book-title-mini{display:flex;flex-direction:column;align-items:center;text-align:center}.book-title-mini strong{font-size:1rem;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-title-mini span{font-size:.75rem;color:#64748b}.search-container{display:flex;align-items:center;gap:.5rem;background:#1e293b;border-radius:8px;padding:2px 8px 2px 2px;border:1px solid #334155}.search-box{display:flex}.search-box input{background:transparent;border:none;color:#fff;padding:8px 12px;font-size:.85rem;width:140px;outline:none}.search-box button{background:transparent;border:none;color:#94a3b8;padding:0 5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-results-nav{display:flex;align-items:center;gap:.5rem;padding-left:.5rem;border-left:1px solid #334155;font-size:.75rem;color:#94a3b8}.search-results-nav button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mini-loader{width:14px;height:14px;border:2px solid rgba(255,255,255,.1);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoom-controls{display:flex;align-items:center;background:#1e293b;border-radius:8px;padding:2px}.zoom-level{font-size:.8rem;padding:0 8px;min-width:50px;text-align:center;color:#94a3b8}.reader-main{flex:1;display:flex;position:relative;background:#0f172a;overflow:hidden}.outline-sidebar{position:absolute;left:0;top:0;bottom:0;width:300px;background:#1e293b;z-index:100;border-right:1px solid #334155;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{padding:1rem;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:1.1rem}.sidebar-header button{background:transparent;border:none;color:#f1f5f9;font-size:1.5rem;cursor:pointer}.outline-list{flex:1;overflow-y:auto;padding:.5rem}.outline-list button{width:100%;text-align:left;background:transparent;border:none;color:#94a3b8;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.outline-list button:hover{background:#ffffff0d;color:#fff}.outline-list button.active{background:#3b82f633;color:#60a5fa;border-left:3px solid #60a5fa;padding-left:calc(1rem - 3px)}.flipbook-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:40px;overflow:hidden}.flipbook-wrapper::-webkit-scrollbar{display:none}.nama-flipbook{box-shadow:0 10px 50px #00000080;margin:auto}.pdf-error{color:#f87171;text-align:center;padding:40px;font-size:1.1rem;background:#f871711a;border-radius:12px;margin:auto}.page-content{background:#fff;height:100%;position:relative;border-left:1px solid rgba(0,0,0,.05)}.search-highlight{background-color:#ffd70059!important;border-bottom:2px solid rgba(234,179,8,.5);color:transparent;cursor:text;border-radius:2px;mix-blend-mode:multiply}.page-footer{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#999}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80px;background:#1e293b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;font-size:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:40;transition:all .3s}.nav-btn:hover{background:#1e293be6}.nav-btn.prev{left:20px;border-radius:12px 0 0 12px}.nav-btn.next{right:20px;border-radius:0 12px 12px 0}.reader-loading{height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center}canvas{outline:none}@media(max-width:768px){.book-reader-page{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.reader-toolbar{height:auto;min-height:50px;padding:8px;padding-top:calc(8px + env(safe-area-inset-top));flex-wrap:wrap;gap:8px}.toolbar-left,.toolbar-right{gap:.5rem}.btn-icon{width:36px;height:36px}.book-title-mini{order:-1;width:100%;margin-bottom:4px}.book-title-mini strong{font-size:.85rem;max-width:90vw}.book-title-mini span{font-size:.7rem}.search-container{display:none}.zoom-controls{padding:0}.zoom-level{min-width:40px;font-size:.7rem}.reader-main{flex:1;min-height:0}.flipbook-wrapper{padding:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.nama-flipbook{max-width:100vw!important;max-height:calc(100vh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.page-content{max-width:100%}.nav-btn{width:40px;height:60px;font-size:1.8rem}.nav-btn.prev{left:5px}.nav-btn.next{right:5px}.outline-sidebar{width:100%;max-width:280px}.page-footer{font-size:10px}.pdf-error{padding:20px;font-size:.9rem}}@media(max-width:400px){.reader-toolbar{padding:6px}.btn-icon{width:32px;height:32px}.zoom-controls .btn-icon svg{width:14px;height:14px}.book-title-mini strong{font-size:.75rem}.nav-btn{width:35px;height:50px;font-size:1.5rem}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.gallery-page{min-height:100vh;background:var(--cream-light, #fdf8f3);padding-bottom:60px}.gallery-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--maroon, #8B0000) 0%,var(--saffron, #FF9933) 100%);color:#fff}.gallery-header .back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6;text-decoration:none;margin-bottom:20px;font-size:.9rem;transition:color .2s}.gallery-header .back-link:hover{color:#fff}.gallery-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.gallery-header p{opacity:.9;font-size:1.1rem}.gallery-filters{display:flex;justify-content:center;gap:12px;padding:20px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.filter-btn{padding:8px 20px;border:2px solid var(--saffron-light, #ffd699);background:transparent;border-radius:25px;cursor:pointer;font-size:.9rem;color:var(--maroon, #8B0000);transition:all .3s ease}.filter-btn:hover{background:var(--saffron-light, #ffd699)}.filter-btn.active{background:var(--saffron, #FF9933);border-color:var(--saffron, #FF9933);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:30px;max-width:1400px;margin:0 auto}.empty-gallery{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--gray-500, #6b7280)}.photo-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000014;transition:transform .3s ease,box-shadow .3s ease}.photo-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.photo-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer}.photo-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo-card:hover .photo-wrapper img{transform:scale(1.1)}.photo-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-card:hover .photo-overlay{opacity:1}.view-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--maroon, #8B0000)}.photo-info{padding:15px}.photo-info h3{font-size:1.1rem;margin-bottom:5px;color:var(--maroon, #8B0000)}.photo-category{display:inline-block;font-size:.75rem;padding:3px 10px;background:var(--cream-light, #fdf8f3);color:var(--saffron-dark, #cc7a00);border-radius:15px;margin-bottom:12px}.download-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;background:var(--saffron, #FF9933);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s}.download-btn:hover:not(:disabled){background:var(--saffron-dark, #cc7a00)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.loader-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:900px;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content img{width:100%;max-height:60vh;object-fit:contain;background:#f5f5f5}.close-modal{position:absolute;top:15px;right:15px;width:36px;height:36px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.close-modal:hover{background:#000c}.modal-info{padding:20px;text-align:center}.modal-info h2{font-size:1.5rem;color:var(--maroon, #8B0000);margin-bottom:8px}.modal-info p{color:var(--gray-600, #4b5563);font-size:.95rem}.modal-actions{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:center}.modal-download{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--saffron, #FF9933);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s}.modal-download:hover:not(:disabled){background:var(--saffron-dark, #cc7a00)}.modal-download:disabled{opacity:.7;cursor:not-allowed}.gallery-info{max-width:600px;margin:30px auto;padding:20px;text-align:center}.gallery-info p{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gray-500, #6b7280);font-size:.95rem}@media(max-width:768px){.gallery-header h1{font-size:1.8rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:16px}.gallery-filters{gap:8px}.filter-btn{padding:6px 14px;font-size:.85rem}.modal-content{max-width:95%}}.audio-gallery-page{min-height:100vh;background:var(--cream-light, #fdf8f3);padding-bottom:100px}.audio-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--maroon, #8B0000) 0%,var(--saffron, #FF9933) 100%);color:#fff}.audio-header .back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6;text-decoration:none;margin-bottom:20px;font-size:.9rem;transition:color .2s}.audio-header .back-link:hover{color:#fff}.audio-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.audio-header p{opacity:.9;font-size:1.1rem}.albums-section{padding:30px;max-width:1200px;margin:0 auto}.section-title{font-size:1.5rem;color:var(--maroon, #8B0000);margin-bottom:20px;text-align:center}.albums-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.album-card{display:flex;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.album-card:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;border-color:var(--accent-color)}.album-card.disabled{opacity:.6;cursor:not-allowed}.album-art{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color) 80%,white) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.album-icon{font-size:2.5rem}.album-info{flex:1}.album-info h3{font-size:1.2rem;color:var(--maroon, #8B0000);margin-bottom:6px}.album-info p{color:var(--gray-600, #4b5563);font-size:.9rem;margin-bottom:8px}.track-count{font-size:.8rem;color:var(--saffron, #FF9933);font-weight:600}.audio-list-view{max-width:1000px;margin:0 auto;padding:20px 30px}.view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.back-to-albums{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--gray-700, #374151);transition:all .2s}.back-to-albums:hover{background:var(--cream-light, #fdf8f3);color:var(--maroon, #8B0000)}.view-controls{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:8px}.search-box input{border:none;outline:none;font-size:.9rem;width:150px}.sort-select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.album-title{font-size:1.8rem;color:var(--maroon, #8B0000);margin-bottom:20px}.audio-items-list{display:flex;flex-direction:column;gap:8px}.no-results{text-align:center;padding:40px;color:var(--gray-500, #6b7280)}.audio-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-radius:10px;transition:all .2s;border:1px solid transparent}.audio-item:hover{background:var(--cream, #fef9f3)}.audio-item.active{background:linear-gradient(90deg,#ff99331a,#ff99330d);border-color:var(--saffron, #FF9933)}.track-number{width:30px;text-align:center;color:var(--gray-400, #9ca3af);font-size:.9rem}.play-btn{width:40px;height:40px;border-radius:50%;background:var(--saffron, #FF9933);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.play-btn:hover{background:var(--saffron-dark, #cc7a00);transform:scale(1.05)}.play-btn.playing{background:var(--maroon, #8B0000)}.track-info{flex:1;min-width:0}.track-info h4{font-size:1rem;color:var(--gray-800, #1f2937);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:.8rem;color:var(--gray-500, #6b7280)}.track-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500, #6b7280);transition:all .2s}.action-btn:hover{background:var(--cream, #fef9f3)}.action-btn.favorite.active{color:#ef4444;border-color:#fecaca;background:#fef2f2}.action-btn.download:hover{color:var(--saffron, #FF9933);border-color:var(--saffron-light, #ffd699)}.audio-player-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--maroon, #8B0000) 0%,color-mix(in srgb,var(--maroon, #8B0000) 80%,black) 100%);color:#fff;padding:15px 30px;display:flex;align-items:center;gap:20px;z-index:1000;box-shadow:0 -4px 20px #0003}.player-track-info{min-width:150px}.now-playing-label{display:block;font-size:.7rem;text-transform:uppercase;opacity:.7;letter-spacing:1px}.player-track-info strong{font-size:.95rem}.player-controls{display:flex;align-items:center}.player-btn{width:50px;height:50px;border-radius:50%;background:var(--saffron, #FF9933);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.player-btn:hover{background:var(--saffron-dark, #cc7a00);transform:scale(1.05)}.player-progress{flex:1;display:flex;align-items:center;gap:12px}.time-current,.time-duration{font-size:.8rem;opacity:.8;min-width:40px}.progress-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--saffron, #FF9933);border-radius:50%;cursor:pointer}.progress-slider::-moz-range-thumb{width:16px;height:16px;background:var(--saffron, #FF9933);border-radius:50%;cursor:pointer;border:none}.close-player{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-player:hover{background:#fff3}@media(max-width:768px){.audio-header h1{font-size:1.8rem}.albums-grid{grid-template-columns:1fr}.view-header{flex-direction:column;align-items:stretch}.view-controls{flex-direction:column}.search-box input{width:100%}.audio-player-bar{flex-wrap:wrap;padding:12px 16px;gap:10px}.player-track-info{flex:1 1 100%;order:1}.player-controls{order:2}.player-progress{order:3;flex:1 1 60%}.close-player{order:4}}