:root{--color-navy:#071b3a;--color-navy-light:#0d2752;--color-navy-dark:#041024;--color-gold:#d99a0b;--color-gold-light:#eeb020;--color-gold-dark:#b88208;--color-white:#fff;--color-off-white:#fdfdfc;--color-bg-light:#f7f6f3;--color-text-main:#2b2b2b;--color-text-muted:#5e5e5e;--font-ui:"Inter", "Roboto", "Segoe UI", sans-serif;--font-serif:"Merriweather", "Playfair Display", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{z-index:50;background-color:var(--color-white);border-bottom:2px solid var(--color-gold);position:sticky;top:0;box-shadow:0 4px 20px #0000000d}.header-container{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.brand-link{align-items:center;transition:opacity .2s;display:flex}.brand-link:hover{opacity:.88}.brand-logo-img{object-fit:contain;width:auto;height:84px;display:block}.brand-logo-container{background-color:var(--color-navy);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.brand-logo-icon{width:1.5rem;height:1.5rem;color:var(--color-gold)}.brand-text-container{flex-direction:column;display:flex}.brand-title{font-family:var(--font-serif);color:var(--color-navy);letter-spacing:.02em;font-size:1.5rem;font-weight:700;line-height:1.1}.brand-subtitle{color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:600}.nav-links{align-items:center;gap:2rem;display:flex}@media (width<=768px){.nav-links{display:none}}.nav-link{color:var(--color-text-main);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-navy)}.mobile-menu-btn{color:var(--color-navy);padding:.5rem;display:none}@media (width<=768px){.mobile-menu-btn{display:block}}.verse-card{background-color:var(--color-white);border:1px solid #071b3a0d;border-radius:1rem;max-width:700px;margin:0 auto;transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 15px 40px #071b3a14}.verse-card:hover{box-shadow:0 20px 50px #071b3a1f}.verse-card-header{background:linear-gradient(90deg, var(--color-gold), var(--color-gold-light));width:100%;height:4px}.verse-card-content{padding:3rem 4rem}@media (width<=640px){.verse-card-content{padding:2rem 1.5rem}}.verse-meta{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.verse-theme{text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-dark);background-color:#d99a0b1a;border-radius:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.verse-label{color:var(--color-navy);opacity:.6;font-size:.875rem;font-weight:600}.verse-quote-icon{width:32px;height:32px;color:var(--color-gold);opacity:.3;margin-bottom:1rem}.verse-text-container{margin-bottom:2.5rem;position:relative}.verse-text{font-family:var(--font-serif);color:var(--color-navy);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;line-height:1.6}.verse-reference-container{margin-bottom:3rem}.verse-reference{font-family:var(--font-ui);color:var(--color-gold-dark);font-size:1.125rem;font-weight:700}.verse-book-details{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.verse-actions{border-top:1px solid #0000000d;gap:1rem;padding-top:2rem;display:flex}.btn-verse-action{border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-copy{background-color:var(--color-bg-light);color:var(--color-navy)}.btn-copy:hover{background-color:#e2e8f0}.btn-copy.copied{color:#fff;background-color:#10b981}.btn-share{background-color:var(--color-navy);color:var(--color-white)}.btn-share:hover{background-color:var(--color-navy-light)}.btn-history{background-color:var(--color-gold);color:var(--color-white)}.btn-history:hover{background-color:var(--color-gold-dark)}.btn-refresh{background-color:var(--color-bg-light);width:3rem;color:var(--color-text-muted);flex:none}.btn-refresh:hover{color:var(--color-navy);background-color:#e2e8f0}@media (width<=640px){.verse-actions{flex-direction:column}.btn-verse-action{width:100%}}.verse-loading-container,.verse-error-container{background-color:var(--color-white);text-align:center;border-radius:1rem;padding:4rem;box-shadow:0 10px 30px #0000000d}.spinner{border:3px solid #d99a0b33;border-top-color:var(--color-gold);border-radius:50%;width:3rem;height:3rem;margin:0 auto 1.5rem}.verse-history-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.verse-history-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 80px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.verse-history-header{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1.5rem;display:flex}.verse-history-header h2{color:#001f54;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.header-subtitle{color:#6b7280;margin:0;font-size:.875rem;font-weight:400}.close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.75rem;transition:all .2s;display:flex}.close-btn:hover{color:#001f54;background:#e5e7eb;transform:rotate(90deg)}.close-mini-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-mini-btn:hover{color:#001f54;background:#e5e7eb}.view-mode-toggle{background:#f9fafb;gap:.5rem;padding:1rem 1.5rem;display:flex}.toggle-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.toggle-btn:hover{color:#001f54;background:#f3f4f6}.toggle-btn.active{color:#fff;background:linear-gradient(135deg,#001f54 0%,#003d82 100%);border-color:#001f54;box-shadow:0 4px 12px #001f5440}.toggle-btn svg{flex-shrink:0}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.spinner{border:4px solid #f3f4f6;border-top-color:#d4af37;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-history{text-align:center;color:#6b7280;padding:4rem 2rem}.empty-history p:first-child{color:#374151;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.text-muted{color:#9ca3af;font-size:.875rem;line-height:1.5}.history-timeline{flex:1;padding:1.5rem;overflow-y:auto}.timeline-intro{text-align:center;color:#6b7280;margin:0 0 2rem;font-size:.875rem;font-weight:500}.timeline-list{max-width:100%}.timeline-item{gap:1rem;margin-bottom:1.25rem;display:flex;position:relative}.timeline-item:last-child .timeline-line{display:none}.timeline-indicator{flex-direction:column;flex-shrink:0;align-items:center;width:32px;padding-top:.5rem;display:flex}.timeline-dot{z-index:2;background:#fff;border:3px solid #d4af37;border-radius:50%;width:12px;height:12px;transition:all .3s;position:relative}.timeline-item.today .timeline-dot{background:#d4af37;border-width:3px;border-color:#001f54;width:16px;height:16px;box-shadow:0 0 0 4px #d4af3733}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 6px #d4af3726}.pulse-ring{opacity:.6;border:2px solid #d4af37;border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.timeline-line{background:linear-gradient(#d4af37 0%,#e5e7eb 100%);flex:1;width:2px;margin-top:.25rem}.timeline-card{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:16px;flex:1;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-card:hover{border-color:#d4af37;transform:translate(4px);box-shadow:0 8px 24px #d4af3726}.timeline-item.today .timeline-card{background:linear-gradient(135deg,#fffbf0 0%,#fff 100%);border-width:2px;border-color:#d4af37;box-shadow:0 4px 16px #d4af371f}.timeline-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.timeline-date-info{flex-direction:column;gap:.25rem;display:flex}.timeline-day{color:#001f54;font-size:.9rem;font-weight:700}.timeline-relative-date{color:#9ca3af;font-size:.75rem;font-weight:500}.today-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#d4af37 0%,#c19a2e 100%);border-radius:6px;padding:.25rem .625rem;font-size:.625rem;font-weight:700;box-shadow:0 2px 8px #d4af374d}.timeline-card-body{margin-bottom:.75rem}.timeline-reference{color:#d4af37;margin:0 0 .5rem;font-size:1rem;font-weight:700}.timeline-text{color:#4b5563;margin:0;font-size:.875rem;line-height:1.6}.timeline-card-footer{justify-content:flex-end;display:flex}.read-more{color:#d4af37;font-size:.8rem;font-weight:600;transition:all .2s}.timeline-card:hover .read-more{transform:translate(4px)}.history-calendar{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}.calendar-header{text-align:center}.calendar-header svg{color:#d4af37;margin-bottom:1rem}.calendar-instruction{text-align:center;color:#374151;margin:0;font-size:1rem;font-weight:600}.calendar-note{text-align:center;color:#6b7280;background:#f9fafb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;max-width:400px;margin:0;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.calendar-note svg{color:#d4af37;flex-shrink:0}.date-picker{color:#001f54;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;max-width:320px;padding:1rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s}.date-picker:hover{border-color:#d4af37;box-shadow:0 0 0 4px #d4af371a}.date-picker:focus{border-color:#d4af37;outline:none;box-shadow:0 0 0 4px #d4af3726}.verse-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.verse-detail-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;display:flex;overflow:hidden;box-shadow:0 30px 90px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.verse-detail-header{background:linear-gradient(135deg,#001f54 0%,#003d82 100%);border-bottom:4px solid #d4af37;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.verse-detail-icon{color:#d4af37;background:#d4af3726;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:2s ease-in-out infinite iconPulse;display:flex}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #d4af3766}50%{transform:scale(1.05);box-shadow:0 0 0 10px #d4af3700}}.close-detail-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.close-detail-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:rotate(90deg)}.verse-detail-content{flex:1;padding:2.5rem;overflow-y:auto}.verse-detail-reference{text-align:center;color:#001f54;letter-spacing:-.02em;margin:0 0 2rem;font-size:1.75rem;font-weight:800}.verse-detail-text-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-left:4px solid #d4af37;border-radius:16px;margin-bottom:2rem;padding:2rem 2rem 2rem 2.5rem;position:relative;box-shadow:0 4px 16px #0000000d}.quote-mark{color:#d4af3726;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:5rem;font-weight:900;line-height:1;position:absolute}.quote-mark-open{top:.5rem;left:.25rem}.quote-mark-close{bottom:-1rem;right:.75rem}.verse-detail-text{color:#1f2937;z-index:1;text-align:justify;margin:0;font-size:1.25rem;font-weight:400;line-height:1.9;position:relative}.verse-detail-meta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.meta-badge{color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.meta-badge:hover{background:#fffbf0;border-color:#d4af37;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3726}.meta-badge svg{color:#d4af37;flex-shrink:0}.verse-detail-actions{gap:1rem;display:flex}.btn-detail-copy{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#c19a2e 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #d4af374d}.btn-detail-copy:hover{transform:translateY(-3px);box-shadow:0 8px 24px #d4af3766}.btn-detail-copy:active{transform:translateY(-1px)}.btn-detail-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:14px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-detail-close:hover{color:#001f54;background:#e5e7eb;border-color:#d1d5db}@media (width<=640px){.verse-history-content{border-radius:20px 20px 0 0;max-height:92vh}.verse-history-header{padding:1.5rem 1.25rem 1rem}.verse-history-header h2{font-size:1.5rem}.view-mode-toggle,.history-timeline{padding:1rem}.timeline-item{gap:.75rem}.timeline-card{padding:1rem}.history-calendar{padding:2rem 1.5rem}.verse-detail-modal{border-radius:20px 20px 0 0;max-height:95vh}.verse-detail-header{padding:1.5rem}.verse-detail-icon{width:60px;height:60px}.verse-detail-icon svg{width:28px;height:28px}.close-detail-btn{width:40px;height:40px;top:1rem;right:1rem}.verse-detail-content{padding:1.5rem 1.25rem}.verse-detail-reference{margin-bottom:1.5rem;font-size:1.375rem}.verse-detail-text-wrapper{padding:1.5rem 1.5rem 1.5rem 2rem}.quote-mark{font-size:3.5rem}.verse-detail-text{font-size:1.0625rem;line-height:1.8}.verse-detail-actions{flex-direction:column}.btn-detail-close{order:2}}.history-timeline::-webkit-scrollbar{width:8px}.verse-detail-content::-webkit-scrollbar{width:8px}.history-timeline::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.verse-detail-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.history-timeline::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.verse-detail-content::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.history-timeline::-webkit-scrollbar-thumb:hover{background:#c19a2e}.verse-detail-content::-webkit-scrollbar-thumb:hover{background:#c19a2e}.homepage-wrapper{flex-direction:column;min-height:100vh;display:flex}.hero-section{background-image:linear-gradient(135deg, var(--color-white) 0%, var(--color-bg-light) 100%);padding-top:6rem;padding-bottom:8rem;position:relative;overflow:hidden}.hero-section:before{content:"";background:linear-gradient(90deg, var(--color-navy) 0%, var(--color-gold) 50%, var(--color-navy) 100%);height:4px;position:absolute;top:0;left:0;right:0}.hero-container{max-width:900px;padding:0 2rem}.hero-header{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-header h2{letter-spacing:-.5px;font-size:clamp(2.5rem,8vw,3.5rem);line-height:1.2}.subtitle{color:var(--color-text-muted);letter-spacing:.5px;font-size:clamp(1.125rem,4vw,1.5rem);font-weight:400}.decorative-divider{background-color:var(--color-gold);border-radius:2px;width:60px;height:3px;margin:0 auto;transition:width .3s}.daily-verse-wrapper{justify-content:center;margin-top:3rem;display:flex}.about-content{max-width:1000px;margin:0 auto;padding:0 2rem}.about-content h3{letter-spacing:-.5px;margin-bottom:3rem;font-size:clamp(2rem,6vw,2.75rem)}.grid-cols-2{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text{color:var(--color-text-muted);font-size:1.125rem;line-height:1.8}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr;gap:2.5rem}.about-content{padding:0 1.5rem}.about-text{font-size:1rem}}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:1fr;gap:1.5rem}}.stat-card{background-color:var(--color-white);text-align:center;border:1px solid #00000014;border-radius:1rem;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.stat-card:before{content:"";background:linear-gradient(90deg, var(--color-gold), transparent);height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.stat-number{color:var(--color-navy);letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);letter-spacing:.3px;font-size:.95rem;font-weight:600}.section-tint h3{letter-spacing:-.5px;margin-bottom:4rem;font-size:clamp(2rem,6vw,2.75rem)}.features-grid{max-width:1100px;margin:0 auto;padding:0 2rem}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}@media (width<=1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=640px){.grid-cols-3{grid-template-columns:1fr;gap:1.5rem}}.feature-card{background-color:var(--color-white);text-align:center;border:1px solid #0000000d;border-radius:1.25rem;flex-direction:column;align-items:center;min-height:100%;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.feature-card:before{content:"";background:linear-gradient(90deg, var(--color-gold), transparent, var(--color-gold));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.feature-card:hover{border-color:#daa52033;transform:translateY(-6px);box-shadow:0 12px 35px #0000001a}.feature-card:hover:before{opacity:1}.feature-icon{width:100px;height:100px;color:var(--color-gold);background:linear-gradient(135deg,#daa52026,#daa5200d);border:2px solid #daa5204d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.feature-card:hover .feature-icon{border-color:var(--color-gold);background:linear-gradient(135deg,#daa52040,#daa5201a);transform:scale(1.08)}.feature-icon svg{stroke:currentColor;fill:none;flex-shrink:0;width:50px;height:50px;transition:transform .3s}.feature-card:hover .feature-icon svg{transform:scale(1.1)}.feature-card h4{color:var(--color-navy);letter-spacing:-.3px;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.cta-section{background-image:linear-gradient(135deg, var(--color-navy-dark) 0%, var(--color-navy) 100%);padding:7rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#daa5201a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.cta-section:after{content:"";background:radial-gradient(circle,#daa52014 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.cta-section .container{z-index:1;position:relative}.cta-section h3{letter-spacing:-.5px;margin-bottom:1.5rem;font-size:clamp(2rem,6vw,2.75rem)}.cta-subtitle{color:#ffffffd9;margin-bottom:2rem;font-size:clamp(1.125rem,3vw,1.375rem);line-height:1.6}.btn-lg{letter-spacing:.5px;border-radius:.875rem;padding:1.125rem 3rem;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-lg:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.footer{background-color:var(--color-navy-dark);color:#ffffffb3;padding:5rem 2rem 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-title{color:var(--color-white);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.footer-title.font-serif{color:var(--color-gold);font-size:1.5rem}.footer-logo-img{object-fit:contain;filter:brightness(1.05)drop-shadow(0 2px 6px #0006);border-radius:5px;width:auto;height:160px;margin-bottom:1rem;display:block}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--color-gold)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.875rem}.admin-page{background-color:var(--color-bg-light);min-height:100vh}.admin-header{background-color:var(--color-navy);color:var(--color-white);z-index:50;padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.admin-header-content{justify-content:space-between;align-items:center;display:flex}.admin-brand{align-items:center;gap:1rem;display:flex}.admin-logo{color:var(--color-gold);background-color:#ffffff1a;border-radius:.5rem;padding:.5rem}.admin-title h1{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.admin-title p{color:#ffffffb3;margin:0;font-size:.875rem}.admin-actions{align-items:center;gap:1.5rem;display:flex}.live-badge{color:#10b981;background-color:#10b98133;border:1px solid #10b9814d;border-radius:2rem;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.home-link{color:#fffc;align-items:center;gap:.5rem;font-size:.875rem;transition:color .2s;display:flex}.home-link:hover{color:var(--color-white)}.admin-main{padding:2rem 0}.stats-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-box{background-color:var(--color-white);border:1px solid #0000000d;border-radius:1rem;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 4px 6px #00000005}.stat-info .stat-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.875rem}.stat-info .stat-value{color:var(--color-navy);font-size:2rem;font-weight:700}.stat-icon{opacity:.2;width:48px;height:48px}.filters-bar{background-color:var(--color-white);border:1px solid #0000000d;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px #00000005}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--color-text-muted);margin-right:.5rem;font-size:.875rem}.filter-btn{background-color:var(--color-bg-light);color:var(--color-text-muted);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-btn:hover{color:var(--color-navy);background-color:#e2e8f0}.filter-btn.active{background-color:var(--color-navy);color:var(--color-white)}.admin-table-container{background-color:var(--color-white);border:1px solid #0000000d;border-radius:1rem;overflow-x:auto;box-shadow:0 4px 6px #00000005}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background-color:var(--color-bg-light);color:var(--color-navy);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #0000000d;padding:1rem 1.5rem;font-size:.75rem}.admin-table td{color:var(--color-text-main);border-bottom:1px solid #0000000d;padding:1rem 1.5rem;font-size:.875rem}.admin-table tr.clickable{cursor:pointer;transition:background-color .2s}.admin-table tr.clickable:hover{background-color:var(--color-bg-light)}.device-badge{border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.device-desktop{color:#10b981;background-color:#10b9811a}.device-mobile{color:#3b82f6;background-color:#3b82f61a}.details-btn{color:var(--color-gold);font-size:.875rem;font-weight:600}.details-btn:hover{color:var(--color-gold-dark)}td .details-btn,td .delete-btn{align-items:center;gap:.3rem;display:inline-flex}td .details-btn+.delete-btn{margin-left:.625rem}.delete-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.875rem;font-weight:600;transition:color .15s;display:inline-flex}.delete-btn:hover:not(:disabled){color:#991b1b}.delete-btn:disabled{color:#f87171;cursor:not-allowed;opacity:.7}.delete-btn-spinner{border:2px solid #dc26264d;border-top-color:#dc2626;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}.expanded-row{background-color:var(--color-bg-light)}.details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.details-section h4{color:var(--color-navy);margin-bottom:.75rem;font-size:.875rem;font-weight:700}.details-box{background-color:var(--color-white);border:1px solid #0000000d;border-radius:.5rem;padding:1rem;font-size:.75rem}.details-box div{margin-bottom:.5rem}.details-box strong{color:var(--color-navy);margin-right:.25rem}.vpn-alert{background-color:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;margin-top:1rem;padding:1rem}.vpn-alert-header{color:#ef4444;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.location-hints{background-color:#10b9811a;border:1px solid #10b98133;border-radius:.5rem;margin-top:1rem;padding:1rem}.location-hints-header{color:#10b981;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.raw-ua{margin-top:1.5rem}.raw-ua-box{color:#a1a1aa;word-break:break-all;background-color:#1e293b;border-radius:.5rem;padding:1rem;font-family:monospace;font-size:.75rem}.loading-container{background-color:var(--color-bg-light);justify-content:center;align-items:center;min-height:100vh;display:flex}.export-dropdown{display:inline-block;position:relative}.btn-export{background-color:var(--color-gold);color:var(--color-white);cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;font-weight:600;transition:all .2s;display:flex}.btn-export:hover:not(:disabled){background-color:var(--color-gold-dark);transform:translateY(-1px);box-shadow:0 4px 12px #daa5204d}.btn-export:disabled{opacity:.5;cursor:not-allowed}.export-dropdown-menu{background-color:var(--color-white);z-index:100;opacity:0;border:1px solid #0000001a;border-radius:.75rem;min-width:280px;margin-top:.5rem;transition:opacity .2s ease-out,transform .2s ease-out;display:none;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 10px 40px #00000026}.export-dropdown-menu.show{opacity:1;animation:.2s ease-out fadeInDown;display:block;transform:translateY(0)}.export-dropdown-item{text-align:left;cursor:pointer;background-color:#0000;border:none;border-bottom:1px solid #0000000d;align-items:flex-start;gap:.75rem;width:100%;padding:1rem;transition:background-color .15s;display:flex}.export-dropdown-item:last-child{border-bottom:none}.export-dropdown-item:hover:not(:disabled){background-color:var(--color-bg-light)}.export-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.export-dropdown-item svg{color:var(--color-navy);flex-shrink:0;margin-top:.125rem}.export-dropdown-item:hover:not(:disabled) svg{color:var(--color-gold)}.export-message{animation:.3s ease-out slideInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.filters-bar{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between;width:100%}.export-dropdown-menu{left:0;right:auto}.btn-export{justify-content:center;width:100%}}