@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#111827;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif}#root,.app-container,body{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}a,button,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{text-decoration:none}.nav-logo .logo{height:70px;width:auto}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#2d3748;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#10b981}.btn-signup{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.75rem;text-decoration:none;transition:all .3s ease}.btn-signup:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.dropdown{position:relative}.dropdown-toggle{align-items:center;background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.dropdown-toggle:hover{background-color:#edf2f7;border-color:#cbd5e0}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-item{background:none;border:none;color:#2d3748;cursor:pointer;display:block;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f7fafc}.dropdown-item.logout{border-top:1px solid #e2e8f0;color:#e53e3e}.dropdown-item.logout:hover{background-color:#fed7d7}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-logo .logo{height:50px}.nav-links{gap:1rem}.btn-signup,.nav-link{font-size:.9rem}.btn-signup{padding:.625rem 1.25rem}}.footer{background:linear-gradient(135deg,#1f2937,#111827);border-top:1px solid #374151;color:#f9fafb;margin-top:auto;padding:2rem 0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-link{border-radius:.5rem;color:#d1d5db;cursor:pointer;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{background-color:#10b9811a;color:#10b981}.copyright-link{color:#10b981;font-weight:600;text-decoration:none;transition:all .3s ease}.copyright-link:hover{color:#059669;text-decoration:underline}.footer-copyright{color:#9ca3af;font-size:.875rem;text-align:center}.footer-copyright p{margin:0}@media (max-width:768px){.footer{padding:1.5rem 0}.footer-content{gap:1rem}.footer-links{align-items:center;flex-direction:column;gap:1rem}.footer-link{min-width:120px;padding:.75rem 1.5rem;text-align:center}}.home{background:#fff;min-height:100vh}.hero-section{background:linear-gradient(135deg,#10b981,#059669);overflow:hidden;padding:6rem 2rem;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M100 0H0v100' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content{color:#fff;margin:0 auto;max-width:900px;text-align:center}.hero-title{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title .highlight{color:#fef3c7;text-shadow:0 2px 10px #0003}.hero-subtitle{animation:fadeInUp .8s ease-out .2s both;font-size:1.25rem;font-weight:400;line-height:1.8;margin-bottom:2.5rem;opacity:.95}.hero-cta{animation:fadeInUp .8s ease-out .4s both}.btn-primary{background:#fff;border-radius:50px;box-shadow:0 10px 30px #0003;color:#10b981;font-size:1.125rem;font-weight:700;letter-spacing:.5px;padding:1.125rem 3rem;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover{background:#fef3c7;box-shadow:0 15px 40px #0000004d;color:#059669;transform:translateY(-4px)}.cta-subtext{font-size:.95rem;font-weight:300;margin-top:1rem;opacity:.9}.preview-section{background:#f9fafb;padding:6rem 2rem}.preview-container{margin:0 auto;max-width:1400px}.preview-content{text-align:center}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-description{color:#6b7280;font-size:1.125rem;line-height:1.7;margin:0 auto 3rem;max-width:700px}.preview-description{font-size:1.6rem}.dashboard-preview{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;margin-top:3rem;overflow:hidden;position:relative}.dashboard-image{border-radius:16px;display:block;height:auto;width:100%}.dashboard-placeholder{align-items:center;background:#f3f4f6;border-radius:16px;display:flex;justify-content:center;min-height:400px;padding:4rem 2rem}.placeholder-content{text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-note{color:#9ca3af;font-size:.875rem;margin-top:.5rem}.features-section{background:#fff;padding:6rem 2rem}.features-container{margin:0 auto;max-width:1200px}.section-header{margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;padding:2.5rem 2rem;transition:all .3s ease}.feature-card:hover{background:#fff;border-color:#10b981;box-shadow:0 12px 30px #10b98126;transform:translateY(-8px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.feature-card h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:#6b7280;font-size:1rem;line-height:1.7;margin:0}.metrics-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:6rem 2rem}.metrics-container{margin:0 auto;max-width:1200px}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.metric-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.metric-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.metric-icon{font-size:2.5rem;margin-bottom:1rem}.metric-item h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.metric-item p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6rem 2rem;text-align:center}.cta-container{margin:0 auto;max-width:800px}.cta-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-description{font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;opacity:.95}.btn-cta{background:#fff;border:none;border-radius:50px;box-shadow:0 10px 30px #0003;color:#10b981;cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:1.25rem 3.5rem;text-transform:uppercase;transition:all .3s ease}.btn-cta:hover{background:#fef3c7;box-shadow:0 15px 40px #0000004d;color:#059669;transform:translateY(-4px)}.cta-note{font-size:.95rem;font-weight:300;margin-top:1rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-title{font-size:2.75rem}.section-title{font-size:2rem}.features-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-section{padding:4rem 1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.btn-cta,.btn-primary{font-size:1rem;padding:1rem 2rem}.cta-section,.features-section,.metrics-section,.preview-section{padding:4rem 1.5rem}.section-title{font-size:1.75rem}.section-description{font-size:1rem}.preview-description{font-size:1.35rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.metrics-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.preview-description{font-size:1.25rem}.metrics-grid{grid-template-columns:1fr}}.about-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 20px 60px}.about-container{background:#fffffff2;border-radius:24px;box-shadow:0 24px 60px #0f172a26;margin:0 auto;max-width:960px;padding:48px 36px 52px}.about-header h1{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.about-content{display:flex;flex-direction:column;gap:28px;margin-top:32px}.about-section h2{color:#0f172a;font-size:22px;margin:0 0 10px}.about-section p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 12px}.about-section p:last-child{margin-bottom:0}@media (max-width:768px){.about-page{padding:32px 16px 48px}.about-container{padding:32px 20px}.about-header h1{font-size:30px}}.privacy-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 20px 60px}.privacy-container{background:#fffffff2;border-radius:24px;box-shadow:0 24px 60px #0f172a26;margin:0 auto;max-width:960px;padding:48px 36px 52px}.privacy-header h1{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.privacy-content{display:flex;flex-direction:column;gap:28px;margin-top:32px}.privacy-section h2{color:#0f172a;font-size:22px;margin:0 0 10px}.privacy-section h3{color:#0f172a;font-size:18px;font-weight:600;margin:16px 0 8px}.privacy-section p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 12px}.privacy-section ul{color:#374151;line-height:1.6;margin:0 0 16px 20px;padding:0}.privacy-section ul li{margin-bottom:8px}.privacy-section a{color:#2563eb;text-decoration:none}.privacy-section a:hover{text-decoration:underline}.contact-info{background:#2563eb14;border-left:4px solid #2563eb66;border-radius:12px;color:#1f2937;padding:16px 18px}.contact-info p{font-size:15px;line-height:1.6;margin:0 0 8px}.contact-info p:last-child{margin-bottom:0}.scope-section{margin-top:8px}.scope-panels{display:flex;flex-direction:column;gap:20px;margin-top:16px}.scope-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;box-shadow:inset 0 1px 0 #fff9;padding:20px 24px}.scope-panel-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.scope-panel-title{color:#0f172a;font-size:16px;font-weight:600;margin:0}.scope-panel-note{color:#b45309;font-size:13px;font-weight:500;margin:0}.scope-table-wrapper{margin-top:14px;overflow-x:auto}.scope-table{border-collapse:collapse;font-size:14px;width:100%}.scope-table thead th{border-bottom:1px solid #d1d5db;color:#6b7280;font-size:12px;letter-spacing:.05em;padding:10px 12px;text-transform:uppercase}.scope-table tbody td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px;vertical-align:top}.scope-table tbody tr:last-child td{border-bottom:none}.scope-table code{background:#eef2ff;border-radius:6px;color:#312e81;display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;padding:2px 6px}@media (max-width:768px){.privacy-page{padding:32px 16px 48px}.privacy-container{padding:32px 20px}.privacy-header h1{font-size:30px}.scope-panel{padding:18px}.scope-panel-heading{align-items:flex-start;flex-direction:column}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.auth-card{animation:slideUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:3rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{height:60px;margin-bottom:1.5rem;width:auto}.auth-header h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:.95rem}.auth-form{margin-bottom:1.5rem}.form-group input.error{border-color:#e53e3e}.checkbox-group{margin-bottom:1.5rem}.btn{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;width:100%}.btn-google{background:#fff;border:2px solid #e2e8f0;color:#2d3748}.btn-google:hover{background:#f7fafc;border-color:#cbd5e0}.auth-divider{align-items:center;color:#a0aec0;display:flex;font-size:.9rem;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.auth-divider span{padding:0 1rem}.auth-footer{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#718096;font-size:.95rem}.auth-footer a{color:#10b981;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.waitlist-content{background:#f0fdf4;border:1px solid #10b98133;border-radius:12px;color:#0f172a;margin-bottom:1.75rem;padding:1.25rem 1.5rem}.waitlist-content ul{color:#065f46;margin:1rem 0;padding-left:1.25rem}.waitlist-content a{color:#047857;font-weight:600}.waitlist-actions{display:flex;flex-direction:column;gap:.75rem}.waitlist-actions .btn{width:100%}.btn-secondary{border:2px solid #10b98166;color:#047857}.btn-secondary:hover{background:#10b98114}.spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-top-color:#3498db;margin-right:8px}@media (max-width:640px){.auth-container,.page-container{min-height:100vh}.auth-container{padding:1rem}.auth-card{border-radius:8px;margin:0;padding:2rem 1.5rem}.auth-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.btn{font-size:1rem;min-height:48px;padding:1rem 1.5rem}.btn-google{border-width:1px}.google-icon{height:18px;width:18px}.auth-logo{height:50px}}@media (max-width:480px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.25rem}.btn{padding:.875rem 1rem}}.site-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;position:relative;transition:all .3s ease}.site-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.site-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.site-card-title{align-items:center;display:flex;flex:1 1;gap:12px}.site-card-title h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0;word-break:break-word}.primary-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.site-card-menu{position:relative}.menu-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.menu-button:hover{background:#f5f5f5;color:#333}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.menu-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:999}.menu-dropdown button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.menu-dropdown button:hover{background:#f5f5f5}.menu-dropdown button:first-child{border-bottom:1px solid #eee}.site-card-url{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:20px;word-break:break-all}.site-card-url svg{color:#999;flex-shrink:0}.site-card-connections{display:flex;flex-direction:column;gap:12px}.connection-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.connection-status{align-items:center;color:#333;display:flex;font-size:14px;gap:8px}.status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.connected{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-indicator.disconnected{background:#d1d5db}.connection-name{color:#666;font-size:13px;font-weight:500}.connection-actions{align-items:center;display:flex;gap:8px}.btn-reconnect{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s ease}.btn-reconnect:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-reconnect svg{display:block}.btn-connect{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease}.btn-connect:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}@media (max-width:768px){.site-card{padding:16px}.site-card-title h3{font-size:16px}.primary-badge{font-size:10px;padding:3px 8px}.site-card-url{font-size:13px}.connection-item{align-items:flex-start;flex-direction:column;gap:8px}.btn-connect{text-align:center;width:100%}.connection-name{font-size:12px}}@media (max-width:480px){.site-card{padding:14px}.site-card-title{align-items:flex-start;flex-direction:column;gap:8px}.menu-dropdown{min-width:140px}}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{animation:fadeIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 20px}.modal-header h2{color:#1a1a1a;font-size:22px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border-radius:8px;color:#666;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#ef4444}.form-group input{border:2px solid #e5e7eb;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;font-size:13px;margin-top:6px}.modal-actions{border-top:1px solid #eee;gap:12px;margin-top:28px;padding-top:20px}.btn-primary,.btn-secondary{border-radius:8px;padding:12px 24px}.btn-primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{border-radius:12px;max-width:100%}.modal-header{margin-bottom:20px;padding:20px 20px 0}.modal-header h2{font-size:20px}.modal-form{padding:0 20px 20px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.modal-header{margin-bottom:16px;padding:16px 16px 0}.modal-header h2{font-size:18px}.modal-form{padding:0 16px 16px}.form-group{margin-bottom:16px}.modal-actions{margin-top:20px;padding-top:16px}}.ga4-modal{border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:700px}.modal-body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px}.step{box-shadow:0 4px 6px -1px #0000001a;font-size:18px;font-weight:700;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.step.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 10px 25px -3px #3b82f666;transform:scale(1.1)}.step.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px -3px #10b98166;transform:scale(1.05)}.step-line{background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:2px;height:3px;transition:all .3s ease;width:80px}.step-line.completed{background:linear-gradient(90deg,#10b981,#059669)}.auth-step,.property-step{align-items:center;display:flex;flex-direction:column}.auth-content{text-align:center;width:100%}.auth-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 16px}.auth-content p{color:#64748b;font-size:16px;line-height:1.7;margin:0 auto 32px;max-width:520px}.btn-google-auth{border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#334155;font-size:17px;gap:16px;margin:0 auto 24px;max-width:360px;padding:18px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-google-auth:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#3b82f6;box-shadow:0 10px 25px -3px #3b82f633;transform:translateY(-3px)}.property-content{width:100%}.property-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 12px;text-align:center}.property-content>p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px;text-align:center}.empty-properties{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-properties svg{margin-bottom:16px}.empty-properties p{font-size:16px;margin:0}.properties-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:400px;overflow-y:auto}.property-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px -1px #0000000f;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.property-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#3b82f6;box-shadow:0 8px 25px -3px #3b82f633;transform:translateY(-2px)}.property-item.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 10px 25px -3px #3b82f64d;transform:translateY(-1px)}.property-radio{align-items:center;background:#fff;border:3px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.property-item.selected .property-radio{background:#3b82f6;border-color:#3b82f6;transform:scale(1.1)}.radio-inner{height:12px;transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1);width:12px}.property-item.selected .radio-inner{transform:scale(1)}.property-info{flex:1 1}.property-info h4{color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px}.property-info p{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;margin:0;padding:4px 8px}@media (max-width:768px){.ga4-modal{margin:20px;max-width:100%}.modal-body{padding:20px}.step-indicator{margin-bottom:24px}.step{font-size:14px;height:36px;width:36px}.step-line{width:40px}.auth-icon svg{height:48px;width:48px}.auth-content h3,.property-content h3{font-size:20px}.properties-list{max-height:300px}.property-item{padding:14px}.property-info h4{font-size:15px}.property-info p{font-size:12px}}@media (max-width:480px){.modal-body{padding:16px}.step{font-size:13px;height:32px;width:32px}.step-line{width:30px}.auth-content h3,.property-content h3{font-size:18px}.btn-google-auth{font-size:15px;padding:12px 20px}.property-item{gap:12px;padding:12px}}.adsense-modal{max-width:700px}.modal-body{padding:24px}.step-indicator{gap:12px;margin-bottom:32px}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#e5e7eb;border-radius:50%;color:#9ca3af;font-size:16px;font-weight:600;height:40px;transition:all .3s ease;width:40px}.step.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.step.completed{background:#10b981;color:#fff}.step-line{background:#e5e7eb;height:2px;width:60px}.auth-step,.selection-step{align-items:center;display:flex;flex-direction:column}.auth-content,.selection-content{text-align:center;width:100%}.auth-icon{color:#10b981;margin-bottom:24px}.auth-content h3,.selection-content h3{color:#1a1a1a;font-size:22px;margin:0 0 12px}.auth-content p,.selection-content>p{color:#666;line-height:1.6;margin:0 auto 24px;max-width:480px}.error-message{color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 16px}.btn-google-auth{border:2px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;font-size:16px;gap:12px;justify-content:center;margin:0 auto 20px;max-width:300px;padding:14px 24px;transition:all .3s ease;width:100%}.btn-google-auth:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.google-icon,.spinner-small{height:20px;width:20px}.spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981}.auth-info{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:center}.auth-info svg{color:#9ca3af;flex-shrink:0}.empty-accounts{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-accounts svg{margin-bottom:16px}.empty-accounts p{font-size:16px;margin:0}.accounts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:500px;overflow-y:auto}.account-section{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.account-section:hover{border-color:#d1d5db}.account-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.account-header:hover{background:#f9fafb}.account-header.selected{background:#f0fdf4}.account-radio{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.account-header.selected .account-radio{background:#10b981;border-color:#10b981}.radio-inner{background:#fff}.account-info{flex:1 1}.account-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.account-info p{color:#6b7280;font-family:monospace;font-size:13px;margin:0}.sites-list{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding:16px}.site-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.site-item:hover{background:#f9fafb;border-color:#10b981}.site-item.selected{background:#f0fdf4;border-color:#10b981}.site-radio{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.site-item.selected .site-radio{background:#10b981;border-color:#10b981}.site-info{flex:1 1}.site-info h5{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 2px}.site-info p{color:#6b7280;font-family:monospace;font-size:12px;margin:0;word-break:break-all}@media (max-width:768px){.adsense-modal{margin:20px;max-width:100%}.modal-body{padding:20px}.step-indicator{margin-bottom:24px}.step{font-size:14px;height:36px;width:36px}.step-line{width:40px}.auth-icon svg{height:48px;width:48px}.auth-content h3,.selection-content h3{font-size:20px}.accounts-list{max-height:400px}.account-header{padding:14px}.sites-list{padding:12px}.site-item{padding:10px}}@media (max-width:480px){.modal-body{padding:16px}.step{font-size:13px;height:32px;width:32px}.step-line{width:30px}.auth-content h3,.selection-content h3{font-size:18px}.btn-google-auth{font-size:15px;padding:12px 20px}.account-header{gap:12px;padding:12px}.account-info h4{font-size:15px}.account-info p{font-size:12px}.site-item{gap:10px;padding:10px}.site-info h5{font-size:13px}.site-info p{font-size:11px}}.gsc-modal{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(520px,90vw)}.gsc-step-indicator{gap:8px;margin-bottom:20px}.gsc-step,.gsc-step-indicator{align-items:center;display:flex;justify-content:center}.gsc-step{border:2px solid #d1d5db;border-radius:50%;color:#6b7280;font-size:14px;font-weight:600;height:28px;width:28px}.gsc-step.active{background:#2563eb;border-color:#2563eb;color:#fff}.gsc-step-line{background:#d1d5db;flex:1 1;height:2px}.gsc-step-line.completed{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.gsc-auth-content,.gsc-auth-step,.gsc-selection-step{display:flex;flex-direction:column;gap:16px}.gsc-auth-content{align-items:center;text-align:center}.gsc-auth-icon{align-items:center;background:linear-gradient(135deg,#2563eb1a,#2563eb33);border-radius:16px;color:#2563eb;display:flex;height:64px;justify-content:center;width:64px}.gsc-auth-content h3{color:#111827;font-size:20px;margin:0}.gsc-auth-content p{color:#4b5563;line-height:1.5;margin:0}.btn-google-auth{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 2px 6px #11182714;color:#111827;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:10px 20px;transition:all .2s ease}.btn-google-auth:hover:not(:disabled){box-shadow:0 6px 12px #2563eb26;transform:translateY(-1px)}.btn-google-auth:disabled{cursor:not-allowed;opacity:.6}.gsc-manual-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:0;transition:color .2s ease}.gsc-manual-link:hover{color:#1d4ed8;text-decoration:underline}.google-icon{height:18px;width:18px}.gsc-auth-info{align-items:center;background:#f3f4f6;border-radius:8px;color:#4b5563;display:flex;font-size:13px;gap:8px;padding:10px 12px}.gsc-selection-content{display:flex;flex-direction:column;gap:16px}.gsc-selection-content h3{color:#111827;font-size:18px;margin:0}.gsc-selection-content p{color:#4b5563;margin:0}.gsc-sites-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding-right:4px}.gsc-site-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.gsc-site-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.gsc-site-item.selected{background:linear-gradient(135deg,#2563eb12,#2563eb1f);border-color:#2563eb;box-shadow:0 4px 14px #2563eb2e}.gsc-site-radio{align-items:center;border:2px solid #2563eb;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.radio-inner{background:#2563eb;border-radius:50%;height:10px;width:10px}.gsc-site-info{display:flex;flex-direction:column;gap:4px}.gsc-site-url{color:#1f2937;font-weight:600}.gsc-site-meta{color:#6b7280;font-size:13px}.gsc-empty-state{align-items:center;background:#e5e7eb4d;border:1px dashed #cbd5f5;border-radius:12px;color:#4b5563;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.gsc-empty-state svg{color:#2563eb}.gsc-manual-entry{display:flex;flex-direction:column;gap:6px}.gsc-manual-entry label{color:#374151;font-size:13px;font-weight:600}.gsc-manual-entry input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.gsc-manual-entry input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.gsc-selection-step .modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:8px}.spinner-small{animation:gsc-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#2563eb;height:16px;width:16px}@keyframes gsc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-modal-content{animation:fadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:24px}.delete-modal-icon{color:#dc2626;flex-shrink:0}.delete-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.delete-modal-body{padding:24px}.delete-modal-warning{color:#1a1a1a;font-size:16px;margin:0 0 24px}.delete-modal-warning strong{color:#dc2626}.delete-modal-danger{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.delete-modal-danger p{color:#991b1b;font-size:14px;margin:0 0 12px}.delete-modal-danger strong{font-weight:700}.delete-modal-danger ul{color:#991b1b;font-size:14px;margin:0;padding-left:20px}.delete-modal-danger li{margin-bottom:6px}.delete-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-cancel,.btn-delete{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-delete{background:#dc2626}.btn-delete:hover{background:#b91c1c}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px}.dashboard-content{margin:0 auto;max-width:1400px}.dashboard-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.header-content{flex-direction:column}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#666;font-size:16px;line-height:1.5;margin:0}.btn-add-site{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-add-site:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-add-site:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.btn-add-site svg{height:20px;width:20px}.error-banner{border-left:4px solid #ef4444;border-radius:8px;font-size:14px;gap:12px;margin-bottom:24px;padding:16px 20px}.loading-container p{color:#666}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;text-align:center}.empty-state svg{color:#d1d5db;margin-bottom:24px}.empty-state h2{color:#1a1a1a;font-size:24px;margin:0 0 12px}.empty-state p{color:#666;font-size:16px;margin:0 0 24px;max-width:400px}.empty-state .btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.empty-state .btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.empty-state .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.plan-limit-message{background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:#1d4ed8;font-size:.9rem;margin:-12px 0 24px;max-width:560px;padding:12px 16px}.sites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:1024px){.sites-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.dashboard{padding:24px 16px}.dashboard-header{flex-direction:column;gap:16px}.header-content h1{font-size:26px}.header-content p{font-size:14px}.btn-add-site{justify-content:center;width:100%}.sites-grid{gap:16px;grid-template-columns:1fr}.empty-state{min-height:40vh;padding:30px 16px}.empty-state svg{height:60px;margin-bottom:20px;width:60px}.empty-state h2{font-size:20px}.empty-state p{font-size:14px}}@media (max-width:480px){.dashboard{padding:20px 12px}.header-content h1{font-size:22px}.error-banner{font-size:13px;padding:12px 16px}.empty-state{min-height:35vh;padding:24px 12px}.empty-state svg{height:50px;width:50px}.empty-state h2{font-size:18px}.empty-state p{font-size:13px}.empty-state .btn-primary{font-size:15px;padding:12px 24px}}.tooltip-container{display:inline-block;position:relative}.tooltip{word-wrap:break-word!important;animation:fadeIn .2s ease-out!important;background:#1f2937!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;font-size:14px!important;line-height:1.4!important;max-width:280px!important;padding:12px 16px!important;position:fixed;white-space:normal!important;width:-webkit-max-content!important;width:max-content!important;z-index:2147483647!important}.tooltip-content{position:relative;z-index:2}.tooltip-arrow{border:6px solid #0000;height:0;position:absolute;width:0}.tooltip-top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-top .tooltip-arrow{border-bottom:none;border-top-color:#1f2937}.tooltip-bottom,.tooltip-top .tooltip-arrow{left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px}.tooltip-bottom .tooltip-arrow{border-bottom-color:#1f2937;border-top:none;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{border-left-color:#1f2937;border-right:none}.tooltip-left .tooltip-arrow,.tooltip-right{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right{margin-left:8px}.tooltip-right .tooltip-arrow{border-left:none;border-right-color:#1f2937;right:100%;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tooltip-left,.tooltip-right{animation:fadeInHorizontal .2s ease-out}@keyframes fadeInHorizontal{0%{opacity:0;transform:translateY(-50%) translateX(4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.tooltip-icon{align-items:center;color:#6b7280;cursor:help;display:inline-flex;height:16px;justify-content:center;margin-left:6px;transition:color .2s ease;width:16px}.tooltip-icon:hover{color:#374151}.tooltip-icon svg{height:100%;width:100%}.metrics-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.metric-card.selected{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#3b82f6;box-shadow:0 10px 30px #3b82f633;transform:translateY(-2px)}.metric-card.selected:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-header{gap:.75rem;margin-bottom:1rem}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.metric-label-container{align-items:center;display:flex;gap:6px}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metric-value{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.5rem;color:#111827;font-size:2rem;line-height:1;margin-bottom:.5rem;padding:1rem;text-align:center}.metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.375rem}.metric-change.positive{color:#10b981}.metric-change.negative{color:#ef4444}.metric-change.neutral{color:#6b7280}.metric-change svg{height:16px;width:16px}.vs-previous{color:#9ca3af;font-weight:400;margin-left:.25rem}.chart-indicator{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:.75rem;opacity:0;padding:.5rem .75rem;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card.clickable:hover .chart-indicator,.metric-card.selected .chart-indicator{opacity:1;transform:translateY(0)}.chart-indicator svg{height:14px;width:14px}@media (max-width:768px){.metrics-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.metric-icon{height:36px;width:36px}.vs-previous{display:none}}.sub-stats{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;margin-top:.75rem}.sub-stat{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.5rem;flex:1 1;padding:.5rem;transition:all .2s ease}.sub-stat.clickable:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-1px)}.sub-stat.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.sub-stat-label{color:#6b7280;display:block;font-size:.625rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.sub-stat-value{color:#111827;display:block;font-size:1rem;font-weight:700}.sub-stat.selected .sub-stat-label,.sub-stat.selected .sub-stat-value{color:#3b82f6}.sub-stat-change{align-items:center;display:flex;font-size:.625rem;font-weight:600;gap:.25rem;margin-top:.25rem}.sub-stat-change svg{height:12px;width:12px}.sub-stat-change.positive{color:#10b981}.sub-stat-change.negative{color:#ef4444}.sub-stat-change.neutral{color:#6b7280}.device-breakdown{display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem}.device-item{align-items:center;background:#10b9810d;border:1px solid #10b9811a;border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .2s ease}.device-item.clickable:hover{background:#10b9811a;border-color:#10b9814d;cursor:pointer;transform:translateY(-1px)}.device-icon{font-size:1.2rem;opacity:.8}.device-percentage{color:#10b981;font-size:.75rem;font-weight:600}.device-change{align-items:center;display:flex;font-size:.625rem;font-weight:600;gap:.25rem;margin-top:.25rem}.device-change svg{height:12px;width:12px}.device-change.positive{color:#10b981}.device-change.negative{color:#ef4444}.device-change.neutral{color:#6b7280}.device-item.selected-device{background:#10b9811a;border:2px solid #10b981;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.5rem}.device-label{color:#10b981;font-size:.625rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.top-geos-table{border:1px solid #3b82f61f;border-radius:.75rem;margin-top:.75rem;overflow:hidden}.top-geos-header,.top-geos-row{grid-gap:.5rem;align-items:center;display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:1.4fr 1fr 1fr;padding:.6rem .85rem}.top-geos-header{background:#3b82f614;color:#1d4ed8;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.top-geos-row{background:#3b82f608;border-top:1px solid #3b82f614;transition:all .2s ease}.top-geos-row:nth-of-type(2n){background:#3b82f60d}.top-geos-row.clickable:hover{background:#3b82f61f;cursor:pointer}.top-geos-row.selected{background:#3b82f62e;border-left:3px solid #1d4ed8}.geo-name{align-items:center;color:#111827;display:flex;font-weight:700;gap:.35rem}.geo-users{color:#2563eb;font-weight:600;justify-self:end}.geo-change{align-items:center;display:inline-flex;font-weight:600;gap:.25rem;justify-content:flex-end}.geo-change svg{height:12px;width:12px}.geo-change.positive{color:#10b981}.geo-change.negative{color:#ef4444}.geo-change.neutral{color:#6b7280}.top-geos-empty{background:#3b82f60d;border:1px dashed #3b82f64d;border-radius:.75rem;color:#6b7280;font-size:.75rem;margin-top:.75rem;padding:1rem;text-align:center}@media (max-width:768px){.top-geos-header,.top-geos-row{font-size:.7rem;grid-template-columns:1.2fr .9fr .9fr;padding:.5rem .65rem}.metrics-grid{gap:1rem;grid-template-columns:1fr}.metric-card{padding:1rem}.metric-header{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-title{font-size:.875rem}.metric-value{font-size:1.5rem}.device-breakdown{flex-direction:column;gap:.5rem}.device-item{background:#10b9810d;border-radius:.375rem;flex-direction:row;justify-content:space-between;padding:.5rem}}@media (max-width:480px){.metric-card{padding:.75rem}.metric-value{font-size:1.25rem}.metric-change{align-items:flex-start;flex-direction:column;gap:.25rem}.vs-previous{font-size:.625rem}}.traffic-chart{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.chart-chunk-controls{display:flex;flex-wrap:wrap;gap:.5rem}.chunk-button{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:500;padding:.35rem .75rem;transition:all .2s ease}.chunk-button:hover{border-color:#60a5fa;color:#1d4ed8}.chunk-button.active{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 8px #1d4ed833;color:#fff}.chart-tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.chart-tabs button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.chart-tabs button:hover{color:#111827}.chart-tabs button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#10b981}.chart-container{margin-bottom:1rem;position:relative}.chart-wrapper{align-items:stretch;display:flex;height:420px}.y-axis-labels{align-items:flex-end;display:flex;flex-direction:column;height:420px;justify-content:space-between;min-width:50px;padding-right:.75rem;position:relative}.y-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;height:12px;justify-content:flex-end;position:absolute;text-align:right;width:45px}.chart-canvas-container{flex:1 1;height:420px;position:relative}.chart-canvas{cursor:crosshair;display:block;height:100%;width:100%}.chart-hover-tooltip{background:#1f2937;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.hover-tooltip-content{display:flex;flex-direction:column;gap:2px}.hover-date{color:#e5e7eb;font-weight:500}.hover-value{color:#fff;font-weight:600}.chart-labels{color:#6b7280;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;margin-top:.75rem;padding:0 60px 0 110px}.chart-stats{border-top:1px solid #f3f4f6;display:flex;gap:2rem;margin-top:.5rem;padding-top:1.25rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#9ca3af;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#111827;font-size:1.125rem;font-weight:600}.no-chart-data{color:#9ca3af;padding:3rem;text-align:center}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-chunk-controls{width:100%}.chunk-button{flex:none}.chart-tabs{width:100%}.chart-tabs button{flex:1 1;font-size:.75rem;padding:.5rem}.chart-stats{gap:1rem}.stat-value{font-size:1rem}.y-axis-labels{min-width:40px;padding-right:.5rem}.y-label{font-size:.7rem;width:35px}.chart-labels{font-size:.7rem;padding:0 .5rem 0 2.5rem}.chart-canvas-container{height:250px}.traffic-chart{padding:1rem}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-header h3{font-size:1rem}.chart-container{height:300px}.chart-tabs{justify-content:center;width:100%}.chart-tabs button{flex:1 1;font-size:.75rem;padding:.5rem .25rem}}@media (max-width:480px){.traffic-chart{padding:.75rem}.chart-container{height:250px}.chart-header h3{font-size:.875rem}.chart-tabs button{font-size:.6875rem;padding:.375rem .125rem}}.top-pages-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:visible;padding:1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.table-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.page-count{color:#9ca3af;font-size:.875rem}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}th.col-number{text-align:right}.header-with-tooltip{align-items:center;display:flex;gap:6px}.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable:hover{background-color:#f3f4f6}.sort-icon{height:18px;margin-left:8px;opacity:.4;transition:all .2s ease;width:18px}.sort-icon.active{color:#10b981;opacity:1;transform:scale(1.1)}.sortable:hover .sort-icon{opacity:.6}.sortable:hover .sort-icon.active{opacity:1;transform:scale(1.1)}tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}tbody tr:hover{background-color:#f9fafb}tbody tr:last-child{border-bottom:none}td{color:#374151;font-size:.875rem;padding:1rem}td.col-number{color:#6b7280;text-align:right}td.col-number strong{color:#111827;font-weight:600}.page-info{gap:1rem}.page-info,.page-rank{align-items:center;display:flex}.page-rank{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.page-details{flex:1 1;min-width:0}.page-title{color:#111827;font-weight:500;margin-bottom:.25rem}.page-path,.page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-path{color:#9ca3af;font-family:Monaco,Courier New,monospace;font-size:.75rem}.engagement-badge{border-radius:6px;display:inline-block;font-size:.75rem;padding:.25rem .625rem}.engagement-badge.high{background:#d1fae5;color:#065f46}.engagement-badge.medium{background:#fef3c7;color:#92400e}.engagement-badge.low{background:#fee2e2;color:#991b1b}.avg-time-value{cursor:help}.no-table-data{color:#9ca3af;padding:3rem;text-align:center}@media (max-width:768px){.top-pages-table{padding:1rem}.table-container{margin:0 -1rem}table{font-size:.75rem}td,th{padding:.75rem .5rem}.page-rank{font-size:.625rem;height:24px;width:24px}.page-info{gap:.5rem}.page-title{font-size:.875rem}.col-number{font-size:.75rem}.col-number:nth-child(3),.col-number:nth-child(5),th:nth-child(3),th:nth-child(5){display:none}}.insights-feed{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.insights-header-left{align-items:center;display:flex;gap:.75rem}.insights-header h3{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.insights-header h3 svg{color:#f59e0b}.insights-window{color:#6b7280}.insights-count,.insights-window{font-size:.875rem;font-weight:500}.insights-count{color:#9ca3af}.insights-list{gap:1rem}.insight-card{background:#f9fafb;border-left:4px solid;border-radius:10px;display:flex;gap:1rem;padding:1.25rem;position:relative;transition:all .2s ease}.insight-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateX(4px)}.insight-card.success{background:linear-gradient(90deg,#ecfdf5 0,#f9fafb);border-left-color:#10b981}.insight-card.warning{background:linear-gradient(90deg,#fffbeb 0,#f9fafb);border-left-color:#f59e0b}.insight-card.info{background:linear-gradient(90deg,#eff6ff 0,#f9fafb);border-left-color:#3b82f6}.insight-card.revenue{background:linear-gradient(90deg,#f5f3ff 0,#f9fafb);border-left-color:#8b5cf6}.insight-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.insight-card.success .insight-icon{background:#fff;border-color:#10b981;color:#10b981}.insight-card.warning .insight-icon{background:#fff;border-color:#f59e0b;color:#f59e0b}.insight-card.info .insight-icon{background:#fff;border-color:#3b82f6;color:#3b82f6}.insight-card.revenue .insight-icon{background:#fff;border-color:#8b5cf6;color:#8b5cf6}.insight-dismiss{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background .2s ease,color .2s ease,border-color .2s ease;width:30px}.insight-dismiss:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.insight-dismiss:focus{box-shadow:0 0 0 3px #fca5a566;outline:none}.insight-content{flex:1 1;min-width:0}.insight-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.impact-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.impact-badge.high{background:#fee2e2;color:#991b1b}.impact-badge.medium{background:#fef3c7;color:#92400e}.impact-badge.low{background:#dbeafe;color:#1e40af}.insight-score{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.insight-message{color:#374151;font-size:.9375rem;line-height:1.6;margin:0 0 .75rem}.insight-page{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-family:Monaco,Courier New,monospace;font-size:.75rem;gap:.5rem;max-width:100%;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.insight-page svg{color:#9ca3af;flex-shrink:0}.insight-action{background:#f9fafbcc;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:.85rem;margin-top:.5rem;padding:.75rem}.insight-action span{color:#1f2937;display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.insight-action p{line-height:1.5;margin:0}@media (max-width:768px){.insights-feed{padding:1rem}.insights-header{align-items:flex-start;flex-direction:column;gap:.5rem}.insight-card{flex-direction:column;gap:1rem}.insight-icon{align-self:flex-start}.insight-top{flex-wrap:wrap;gap:.5rem}.insight-message{font-size:.875rem}.insight-page{max-width:100%}}.filter-bar-compact{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;position:relative}.filter-toggle-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:none;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease;width:100%}.filter-toggle-button:hover{background:#f9fafb;border-color:#9ca3af}.filter-badge{align-items:center;background:#10b981;border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.filter-content{gap:1rem;width:100%}.filter-content,.filter-dropdown-group{align-items:center;display:flex;flex-wrap:nowrap}.filter-dropdown-group{gap:.5rem}.filter-label{color:#374151;font-size:.875rem;font-weight:600;white-space:nowrap}.filter-dropdown{position:relative}.filter-dropdown-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:space-between;padding:.375rem .625rem;transition:all .2s ease;white-space:nowrap;width:140px}.filter-dropdown-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.filter-dropdown-button.active{background:#10b981;border-color:#10b981;color:#fff}.filter-dropdown-button.active:hover{background:#059669;border-color:#059669}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.filter-dropdown-button:hover .dropdown-arrow{transform:rotate(180deg)}.filter-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;min-width:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown-item{align-items:center;background:#fff;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .625rem;text-align:left;transition:all .2s ease;width:100%}.filter-dropdown-item:hover{background:#f9fafb;color:#374151}.filter-dropdown-item.active{background:#10b981;color:#fff}.filter-dropdown-item.active:hover{background:#059669}.filter-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;padding:.375rem .625rem;transition:all .2s ease;white-space:nowrap;width:80px}.filter-button:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.filter-button.active{background:#10b981;border-color:#10b981;color:#fff}.filter-button.active:hover{background:#059669;border-color:#059669}.filter-icon{font-size:.875rem}.clear-filters{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.375rem .625rem;transition:all .2s ease;white-space:nowrap}.clear-filters:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}@media (max-width:768px){.filter-bar-compact{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.filter-toggle-button{display:flex}.filter-content{align-items:stretch;flex-direction:column;gap:.75rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out}.filter-content.filter-collapsed{margin:0;max-height:0;opacity:0;padding:0}.filter-content:not(.filter-collapsed){margin:0;max-height:1000px;opacity:1;padding:0}.filter-dropdown-group{align-items:stretch;flex-direction:column;gap:.5rem;width:100%}.filter-dropdown-menu{border:1px solid #e5e7eb;box-shadow:none;margin-top:.25rem;position:static}.filter-label{font-size:.8125rem;font-weight:600;margin-bottom:.25rem}}.filter-toggle-icon{font-size:.75rem;transition:transform .3s ease}.filter-toggle-icon-open{transform:rotate(180deg)}.clear-filters{width:100%}@media (max-width:480px){.filter-bar-compact{gap:.5rem}.filter-button,.filter-dropdown-button{font-size:.875rem;padding:.5rem .75rem}}.date-range-selector{display:inline-block;position:relative}.predefined-ranges{background:#f3f4f6;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.range-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.range-button:hover{background:#ffffff80;color:#111827}.range-button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#10b981}.range-button.custom{position:relative}.range-button svg{height:12px;transition:transform .2s ease;width:12px}.custom-range-panel{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:.5rem;min-width:320px;padding:1.5rem;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-range-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-limit-note{color:#6b7280;font-size:.75rem;margin-left:1rem;margin-right:auto}.custom-range-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.close-button:hover{background:#f3f4f6;color:#374151}.date-inputs{gap:1rem;margin-bottom:1.5rem}.date-input-group,.date-inputs{display:flex;flex-direction:column}.date-input-group{gap:.5rem}.date-input-group label{color:#374151;font-size:.875rem;font-weight:500}.date-input-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:.75rem;transition:all .2s ease}.date-input-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.date-input-group input:invalid{border-color:#ef4444}.custom-range-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary,.btn-secondary{border-radius:6px;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.predefined-ranges{flex-wrap:wrap;gap:.25rem}.range-button{font-size:.8125rem;padding:.375rem .75rem}.custom-range-panel{min-width:280px;padding:1rem}.date-inputs{gap:.75rem}.custom-range-actions{flex-direction:column;gap:.5rem}.btn-primary,.btn-secondary{width:100%}}.analytics-page{background:#f9fafb;min-height:100vh}.loading-container{gap:1rem;min-height:60vh}.spinner{animation:spin .8s linear infinite;height:50px;width:50px}.analytics-header{background:#fff;border-bottom:1px solid #e5e7eb;min-height:100px;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-top{justify-content:space-between;margin-bottom:.75rem}.header-left,.header-top{align-items:center;display:flex;gap:1.5rem}.header-left h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.site-selector{position:relative}.site-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9375rem;font-weight:500;padding:.625rem 2.5rem .625rem 1rem;transition:all .2s ease}.site-dropdown:hover{border-color:#9ca3af}.site-dropdown:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.header-right{flex-wrap:wrap;gap:1.5rem}.header-right,.no-data-banner{align-items:center;display:flex}.no-data-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.9375rem;font-weight:500;gap:.75rem;margin:1rem 2rem;padding:1rem 2rem}.no-data-banner svg{color:#f59e0b;flex-shrink:0}.btn-sync{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-sync:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-sync:disabled{cursor:not-allowed;opacity:.6}.sync-buttons,.sync-controls{align-items:flex-start;display:flex;gap:.75rem}.sync-primary{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem}.btn-clear-data{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-clear-data:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-clear-data:disabled{cursor:not-allowed;opacity:.6}.last-updated{color:#6b7280;font-size:.8125rem}.plan-details{color:#4b5563;font-size:.75rem}.rate-limit-warning{align-items:center;background:#fef3c7;color:#f59e0b;display:flex;font-weight:500;gap:.5rem;padding:.5rem .875rem}.error-banner,.rate-limit-warning{border-radius:6px;font-size:.8125rem;margin-top:.5rem}.error-banner{color:#991b1b;gap:.75rem;padding:.625rem .875rem}.error-banner svg{flex-shrink:0}.analytics-content{margin:0 auto;max-width:1400px;padding:2rem}.empty-state,.no-data,.setup-required{align-items:center;display:flex;justify-content:center;min-height:60vh}.empty-state svg,.no-data-card svg,.setup-card svg{color:#d1d5db;margin-bottom:1.5rem}.no-data-card,.setup-card{max-width:400px;padding:3rem 2rem;text-align:center}.no-data-card h2,.setup-card h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.no-data-card p,.setup-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 2rem}.btn-primary{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}.chart-section,.table-section{width:100%}@media (max-width:1024px){.analytics-header{padding:1rem 1.5rem}.header-top{align-items:stretch;flex-direction:column}.header-left{align-items:flex-start}.header-left,.header-right{flex-direction:column;gap:1rem}.header-right{align-items:stretch}.time-range-selector{width:100%}.time-range-selector button{flex:1 1}.btn-sync{justify-content:center;width:100%}.analytics-content{padding:1.5rem}}@media (max-width:768px){.analytics-header{flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%}.header-left h1{font-size:1.5rem}.header-right{flex-direction:column;gap:1rem;width:100%}.site-dropdown{width:100%}.analytics-content{padding:1rem}.sync-info{align-items:flex-start;flex-direction:column}.sync-controls{flex-direction:column;gap:.5rem}.sync-controls button{width:100%}}@media (max-width:480px){.analytics-header{padding:.75rem}.header-left h1{font-size:1.25rem}.analytics-content{padding:.75rem}.metrics-grid{gap:1rem;grid-template-columns:1fr}.chart-container{padding:1rem}.chart-container h3{font-size:1.125rem}}.content-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:0 20px 40px}.content-container{margin:0 auto;max-width:1400px}.content-toolbar{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border-radius:0 0 18px 18px;box-shadow:0 16px 36px #0f172a24;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:16px 24px}.toolbar-title{display:flex;flex:1 1 240px;flex-direction:column;gap:4px;min-width:220px}.toolbar-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.toolbar-title p{color:#475569;font-size:14px;line-height:1.5;margin:0}.toolbar-controls{align-items:flex-end;display:flex;flex:0 1 auto;gap:14px}.toolbar-controls .control-group{flex:0 1 180px;min-width:160px}.toolbar-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.content-warning{align-items:flex-start;background:#fde0472e;border:1px solid #facc1559;border-radius:14px;box-shadow:0 12px 24px #facc1526;color:#854d0e;display:flex;gap:16px;margin-bottom:24px;padding:18px 22px}.content-warning svg{flex-shrink:0}.content-warning strong{display:block;font-size:15px;font-weight:700;margin-bottom:4px}.content-warning p{font-size:14px;line-height:1.6;margin:0}.content-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-radius:18px;box-shadow:0 20px 45px #0f172a1f;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px}.control-group{display:flex;flex:1 1 220px;flex-direction:column;gap:8px;min-width:200px}.control-group label{color:#0f172a;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.content-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%236781a1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 8 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:16px;border:1px solid #94a3b873;border-radius:12px;color:#0f172a;font-size:15px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease}.content-select:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98133;outline:none}.content-select:disabled{cursor:not-allowed;opacity:.6}.control-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;box-shadow:0 12px 24px #0f172a1f;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .25s ease}.btn-primary:hover:not(:disabled){box-shadow:0 18px 32px #10b98159}.btn-secondary{background:#0f172a14;border:1px solid #94a3b859;box-shadow:none;color:#0f172a}.btn-secondary:hover:not(:disabled){background:#0f172a1f;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.site-summary-card{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.site-summary-header{align-items:center;display:flex;gap:20px}.site-summary-logo{align-items:center;background:#0f172a14;border-radius:18px;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.site-summary-logo img{height:100%;object-fit:contain;width:100%}.site-summary-logo-fallback{color:#0f172a;font-size:28px;font-weight:700}.site-summary-meta{display:flex;flex:1 1;flex-direction:column;gap:10px}.site-summary-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.site-summary-title-row h2{color:#0f172a;font-size:24px;margin:0}.site-summary-title-row a{color:#047857;font-size:14px;font-weight:600;text-decoration:none}.site-summary-title-row a:hover{text-decoration:underline}.site-summary-meta p{color:#475569;font-size:15px;line-height:1.6;margin:0}.site-summary-placeholder{color:#64748b;font-style:italic}.site-summary-categories{display:flex;flex-direction:column;gap:12px}.category-group{display:flex;flex-direction:column;gap:8px}.category-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.category-chip-collection{display:flex;flex-wrap:wrap;gap:10px}.category-chip{align-items:center;background:#94a3b82e;border-radius:999px;color:#334155;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.category-primary{background:#10b9812e;color:#047857}.site-summary-social{display:flex;flex-direction:column;gap:8px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{align-items:center;background:#0f172a0f;border-radius:999px;color:#0369a1;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease}.social-links a:hover{background:#0369a126;color:#0c4a6e}.overview-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.card{background:#ffffffeb;border-radius:16px;box-shadow:0 20px 45px #0f172a1f;overflow:hidden;padding:24px;position:relative}.card:after{background:linear-gradient(135deg,#10b9811f,#0596690d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.card:hover:after{opacity:1}.card h3{color:#64748b;font-size:13px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.card h3,.metric-value{position:relative;z-index:1}.metric-value{color:#0f172a;font-size:36px;font-weight:700;margin-bottom:12px}.metric-caption{color:#64748b;font-size:14px;position:relative;z-index:1}.data-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:18px;box-shadow:0 20px 45px #0f172a1f;padding:24px}.panel-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.panel-header h2{color:#0f172a;font-size:22px;margin:0}.panel-subtitle{color:#64748b;font-size:14px}.content-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:340px 1fr;margin-bottom:32px}.sections-list{gap:16px}.section-card,.sections-list{display:flex;flex-direction:column}.section-card{align-items:flex-start;background:#fff;border:1px solid #94a3b833;border-radius:14px;cursor:pointer;gap:10px;padding:18px 20px;transition:all .25s ease}.section-card:hover{border-color:#10b98166;box-shadow:0 12px 24px #0f172a1f;transform:translateY(-2px)}.section-card.active{background:linear-gradient(135deg,#10b9811f,#05966914);border-color:#10b98166;box-shadow:0 16px 30px #10b98133}.section-card h4{color:#0f172a;font-size:16px;font-weight:600;margin:0}.section-metrics{color:#475569;display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.insights-list{display:flex;flex-direction:column;gap:16px;max-height:520px;overflow-y:auto;padding-right:4px}.insight-card{background:#fff;border:1px solid #94a3b829;border-radius:16px;box-shadow:0 10px 24px #0f172a1f;padding:20px;transition:transform .25s ease}.insight-card:hover{transform:translateY(-2px)}.insight-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.insight-score{color:#047857;font-weight:700}.insight-type{background:#10b9811f;border-radius:999px;color:#0f172a;font-size:13px;font-weight:600;padding:4px 10px}.insight-card p{color:#1f2937;line-height:1.6;margin:0 0 12px}.insight-action{background:#10b98114;border:1px solid #10b98133;border-radius:12px;color:#065f46;font-size:14px;line-height:1.5;padding:12px 16px}.insight-action strong{color:#047857;display:block;font-size:12px;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.empty-panel{background:#94a3b81f;border-radius:12px;color:#475569;padding:20px;text-align:center}.pages-table table{border-collapse:initial;border-spacing:0 12px;width:100%}.pages-table th{color:#64748b;font-size:12px;letter-spacing:.08em;padding:0 20px 12px;text-align:left;text-transform:uppercase}.table-sort-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;letter-spacing:inherit;padding:0;text-transform:inherit;width:100%}.table-sort-button:hover .sort-indicator{opacity:.9}.table-sort-button .sort-indicator{font-size:12px;opacity:.6}.table-sort-button.sorted-asc .sort-indicator,.table-sort-button.sorted-desc .sort-indicator{opacity:1}.table-sort-button:focus-visible{border-radius:6px;outline:2px solid #10b98166;outline-offset:2px}.header-label-with-tooltip{align-items:center;display:inline-flex;gap:6px}.engagement-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-width:64px;padding:6px 12px;transition:transform .2s ease,box-shadow .2s ease}.engagement-badge:hover{transform:translateY(-1px)}.engagement-positive{background:#22c55e2e;box-shadow:0 6px 12px #22c55e33;color:#166534}.engagement-neutral{background:#3b82f629;box-shadow:0 6px 12px #3b82f62e;color:#1d4ed8}.engagement-negative{background:#f8717133;box-shadow:0 6px 12px #f8717133;color:#b91c1c}.pages-table tbody tr{background:#fff;border-radius:14px;box-shadow:0 12px 24px #0f172a14;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pages-table tbody tr:hover{box-shadow:0 16px 30px #0f172a1f;transform:translateY(-2px)}.pages-table td{border:none;color:#0f172a;font-size:15px;padding:18px 20px}.pages-table td:first-child{font-weight:600}.pages-table tbody tr td:last-child{text-align:right}.empty-row td{color:#64748b;font-style:italic;text-align:center}.health-score{align-items:center;border-radius:999px;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:54px;padding:6px 10px}.health-0{background:#f8717126;color:#b91c1c}.health-1{background:#f973162e;color:#c2410c}.health-2{background:#6ee7b738;color:#047857}.health-na{background:#94a3b833;color:#475569}.modal-overlay{background:#0f172aa6;inset:0;padding:20px}.modal{border-radius:24px;box-shadow:0 30px 60px #0f172a33;max-height:90vh;overflow-y:auto;padding:36px;position:relative;width:min(860px,100%)}.modal-close{background:#0f172a0f;border:none;border-radius:50%;color:#475569;cursor:pointer;font-size:24px;height:40px;position:absolute;right:22px;top:18px;transition:background .2s ease;width:40px}.modal-close:hover{background:#10b98126;color:#047857}.modal h2{color:#0f172a;font-size:26px;margin:0 0 18px}.modal-content{grid-gap:24px;display:grid;gap:24px}.modal-section{background:#94a3b814;border-radius:16px;padding:20px}.modal-section h3{color:#0f172a;font-size:18px;margin:0 0 12px}.modal-section p{color:#475569;line-height:1.6;margin:0 0 10px}.modal-section a{color:#047857;font-weight:600;text-decoration:none}.modal-section a:hover{text-decoration:underline}.seo-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.seo-summary-card{background:#0f172a0d;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.summary-label{color:#64748b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.summary-value{color:#0f172a;font-size:18px;font-weight:700}.seo-queries h4{color:#0f172a;font-size:16px;margin:0 0 12px}.seo-queries-table{border-collapse:collapse;border-radius:12px;box-shadow:0 10px 24px #0f172a14;overflow:hidden;width:100%}.seo-queries-table td,.seo-queries-table th{font-size:14px;padding:12px 16px;text-align:left}.seo-queries-table th{background:#0f172a0f;color:#475569;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.seo-queries-table tbody tr:nth-child(odd){background:#fff9}.seo-queries-table tbody tr:nth-child(2n){background:#f8fafccc}.seo-queries-table td{color:#0f172a}.insight-item{background:#fff;border-radius:12px;color:#0f172a;display:flex;flex-direction:column;gap:6px;padding:14px 16px}.insight-item strong{color:#047857;font-size:14px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:55vh}.spinner{border:4px solid #94a3b84d;height:52px;width:52px}.loading-container p{color:#475569;font-size:16px}@media (max-width:1024px){.content-layout{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start;margin-left:0}.toolbar-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.control-actions{margin-left:0}}@media (max-width:768px){.content-page{padding:32px 16px}.content-toolbar{align-items:flex-start;flex-direction:column;padding:16px 18px}.toolbar-title h1{font-size:24px}.toolbar-title p{font-size:13px}.toolbar-controls{justify-content:flex-start;width:100%}.toolbar-controls .control-group{flex:1 1 100%;min-width:100%}.toolbar-actions{justify-content:flex-start;width:100%}.content-controls{padding:20px}.control-group{flex:1 1 100%;min-width:100%}.control-actions{justify-content:flex-start;width:100%}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.site-summary-header{align-items:flex-start;flex-direction:column}.site-summary-logo{border-radius:16px;height:60px;width:60px}.site-summary-title-row{align-items:flex-start;flex-direction:column;gap:6px}.insights-list{max-height:none}.pages-table table{border-spacing:0 8px}.pages-table td,.pages-table th{padding:14px 16px}.modal{padding:28px 20px}}@media (max-width:480px){.content-page{padding:24px 12px}.toolbar-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.overview-cards{grid-template-columns:1fr}.panel-header{align-items:flex-start;flex-direction:column}}.compliance-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:40px 20px 60px}.compliance-content{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px}.compliance-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.site-selector{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.site-selector label{color:#047857;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-selector select{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 10px 25px #0f172a14;color:#0f172a;cursor:pointer;font-size:15px;font-weight:600;min-width:220px;padding:10px 14px;transition:border .2s ease,box-shadow .2s ease}.site-selector-controls{align-items:center;display:flex;gap:12px}.site-selector select:focus,.site-selector select:hover{border-color:#10b981;box-shadow:0 12px 30px #10b9812e;outline:none}.refresh-report-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 12px 24px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.refresh-report-btn:hover:not(:disabled){box-shadow:0 16px 30px #10b98140;transform:translateY(-2px)}.refresh-report-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.generated-at{color:#6b7280;font-size:12px;margin:0}.scan-progress{background:#10b98114;border-radius:14px;box-shadow:inset 0 0 0 1px #10b98126;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px 16px;width:100%}.scan-progress-error{background:#ef444414;box-shadow:inset 0 0 0 1px #ef444426}.scan-progress-header{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:10px}.scan-progress-indicator{animation:scanPulse 1.4s ease-in-out infinite alternate;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 0 0 4px #10b9811f;height:10px;width:10px}.scan-progress-indicator.error{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 0 0 4px #ef44441f}.scan-progress-message{color:#1f2937;font-size:14px;margin:0}.scan-progress-started{color:#0369a1;font-size:12px;font-weight:600;margin:0}.compliance-results-empty{background:#94a3b81f;border-radius:20px;box-shadow:inset 0 0 0 1px #94a3b833;color:#475569;margin-top:12px;padding:40px 24px;text-align:center}.compliance-results-empty h3{color:#0f172a;font-size:20px;margin:0 0 8px}.compliance-results-empty p{color:#475569;font-size:14px;margin:0}.scan-progress-bar{background:#94a3b840;border-radius:999px;height:8px;overflow:hidden;width:100%}.scan-progress-bar-fill{background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;height:100%;transition:width .4s ease}.scan-progress-meta{color:#4b5563;font-size:12px;font-weight:500}.scan-progress-error .scan-progress-message,.scan-progress-error .scan-progress-meta{color:#b91c1c}@keyframes scanPulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.header-copy h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:700;margin:0 0 8px}.header-copy p{color:#4b5563;font-size:16px;line-height:1.6;margin:0}.compliance-overview{background:#fff;border-radius:24px;box-shadow:0 20px 45px #0f172a14;display:flex;flex-direction:column;gap:28px;padding:32px}.overview-header{align-items:center;display:flex;flex-wrap:wrap;gap:32px}.score-badge{align-items:flex-start;background:linear-gradient(135deg,#10b9811f,#0596692e);border-radius:18px;display:flex;flex-direction:column;min-width:180px;padding:24px 28px}.score-value{color:#047857;font-size:48px;font-weight:700;line-height:1}.score-label{color:#047857;font-size:15px;font-weight:600;letter-spacing:.08em;margin-top:8px;text-transform:uppercase}.score-progress{display:flex;flex:1 1;flex-direction:column;gap:12px}.progress-track{background:#f1f5f9;border-radius:999px;height:12px;overflow:hidden;width:100%}.progress-fill{border-radius:999px;height:100%;transition:width .4s ease}.progress-fill.status-pass{background:linear-gradient(135deg,#10b981,#059669)}.progress-fill.status-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.progress-fill.status-fail{background:linear-gradient(135deg,#f87171,#ef4444)}.progress-summary{color:#1f2937;font-size:18px;font-weight:600;margin:0}.progress-meta{color:#6b7280;font-size:14px}.overview-breakdown{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.breakdown-item{align-items:flex-start;background:#f8fafc;border-radius:16px;display:flex;gap:14px;padding:16px 18px}.breakdown-icon{font-size:24px}.breakdown-title{color:#1f2937;display:block;font-size:15px;font-weight:600}.breakdown-value{color:#6b7280;font-size:14px}.compliance-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.compliance-card{background:#fffffff2;border-radius:20px;border-top:6px solid #0000;box-shadow:0 15px 35px #0f172a14;display:flex;flex-direction:column;gap:20px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.compliance-card:hover{box-shadow:0 20px 40px #0f172a1f;transform:translateY(-4px)}.compliance-card.status-pass{border-top-color:#10b981}.compliance-card.status-warning{border-top-color:#f59e0b}.compliance-card.status-fail{border-top-color:#ef4444}.card-header{justify-content:space-between}.card-header,.card-title-group{align-items:flex-start;display:flex;gap:16px}.status-icon{flex-shrink:0;font-size:28px}.card-heading h3{color:#0f172a;font-size:20px;margin:0 0 6px}.card-summary{color:#475569;font-size:15px;margin:0}.details-toggle{align-self:flex-start;background:#0000;border:none;color:#047857;cursor:pointer;font-weight:600;padding:6px 0}.details-toggle:hover{text-decoration:underline}.card-body{display:flex;flex-direction:column;gap:18px}.card-description{color:#374151;line-height:1.6;margin:0}.card-section h4{color:#1f2937;font-size:16px;margin:0 0 10px}.card-section ul{color:#4b5563;display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.resources ul li a{color:#2563eb;text-decoration:none}.resources ul li a:hover{text-decoration:underline}.card-actions{display:flex;justify-content:flex-start}.card-action{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:999px;box-shadow:0 12px 24px #10b98133;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:12px 20px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.card-action:hover{box-shadow:0 16px 30px #10b98140;transform:translateY(-2px)}.compliance-error{background:#f871711f;border-left:4px solid #ef4444;border-radius:12px;color:#b91c1c;font-size:14px;padding:14px 18px}.compliance-loading{align-items:center;color:#374151;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:80px 20px}.compliance-loading.inline{background:#fff9;border-radius:20px;box-shadow:inset 0 0 0 1px #94a3b833;padding:40px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.compliance-empty{align-items:center;color:#475569;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:50vh;text-align:center}.compliance-empty h2{color:#0f172a;font-size:24px;margin:0}@media (max-width:1024px){.compliance-content{gap:24px}.compliance-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.compliance-page{padding:24px 16px 40px}.compliance-header{flex-direction:column;gap:12px}.site-selector{align-items:flex-start;width:100%}.site-selector-controls{gap:10px;width:100%}.site-selector select{width:100%}.refresh-report-btn{flex-shrink:0}.header-copy h1{font-size:28px}.compliance-overview{padding:24px}.overview-header{align-items:stretch;flex-direction:column}.score-badge{width:100%}.compliance-cards{grid-template-columns:1fr}}@media (max-width:480px){.header-copy h1{font-size:24px}.header-copy p{font-size:14px}.compliance-overview{padding:20px}.compliance-card{border-radius:18px;padding:20px}.card-heading h3{font-size:18px}}.page-container{background:linear-gradient(135deg,#10b981,#059669);min-height:calc(100vh - 100px);padding:2rem}.profile-container{margin:0 auto;max-width:800px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:3rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.profile-header p{color:#718096;font-size:1rem}.profile-form{margin-top:2rem}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.section-description{color:#718096;font-size:.9rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2d3748;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.checkbox-group{margin-bottom:0}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.checkbox-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;margin-top:.25rem;width:18px}.checkbox-label span{color:#2d3748}.error-message{background-color:#fed7d7;color:#c53030}.error-message,.success-message{font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.success-message{background-color:#c6f6d5;border-radius:8px;color:#22543d}.field-error{color:#e53e3e;display:block;font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#2d3748}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 8px 20px #dc26264d}.loading{padding:3rem;text-align:center}.danger-zone{background:#fee2e259;border:1px solid #dc262626;border-radius:12px;padding:2rem}.danger-zone h2{color:#991b1b;margin-top:0}.danger-description{color:#7f1d1d;font-size:.95rem;margin-bottom:1.5rem}.delete-modal-confirm{margin-top:24px}.delete-modal-confirm label{color:#374151;display:block;font-size:.95rem;margin-bottom:.5rem}.delete-modal-confirm strong{color:#b91c1c}.delete-modal-confirm input{border:2px solid #fecaca;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.delete-modal-confirm input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626;outline:none}.modal-error{background-color:#fee2e2;border-radius:8px;color:#991b1b;font-size:.9rem;margin-top:.75rem;padding:.75rem 1rem}@media (max-width:768px){.page-container{padding:1rem}.profile-card{padding:2rem 1.5rem}.profile-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.cookie-policy-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 20px 60px}.cookie-policy-container{background:#fffffff2;border-radius:24px;box-shadow:0 24px 60px #0f172a26;margin:0 auto;max-width:960px;padding:48px 36px 52px}.cookie-policy-header h1{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.cookie-policy-header .intro{color:#374151;font-size:16px;line-height:1.7;margin-bottom:16px}.cookie-policy-section{margin-bottom:28px}.cookie-policy-section h2{color:#0f172a;font-size:22px;margin:0 0 10px}.cookie-policy-section p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 12px}.cookie-policy-section ul{color:#374151;line-height:1.6;margin:0 0 16px 20px;padding:0}.cookie-policy-section li{margin-bottom:8px}.cookie-policy-section a{color:#2563eb;text-decoration:none}.cookie-policy-section a:hover{text-decoration:underline}.cookie-report-container{background:#2563eb12;border:1px solid #2563eb40;border-radius:12px;color:#1f2937;font-size:15px;line-height:1.6;min-height:200px;padding:18px}@media (max-width:768px){.cookie-policy-page{padding:32px 16px 48px}.cookie-policy-container{padding:32px 20px}.cookie-policy-header h1{font-size:30px}}.admin-login{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 25px #0000001a;max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#6b7280;font-size:.875rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.login-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.login-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.login-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;text-align:center}.login-footer p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:480px){.admin-login{padding:1rem}.login-container{padding:2rem}.login-header h1{font-size:1.75rem}}.insight-rules-manager{display:flex;flex-direction:column;gap:1.5rem}.irm-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.irm-header h2{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.irm-header p{color:#6b7280;margin:.25rem 0 0}.irm-create-button{background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.irm-create-button:hover{box-shadow:0 10px 25px #10b98133;transform:translateY(-1px)}.irm-layout{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.irm-form-panel,.irm-list-panel{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0f172a14;display:flex;flex-direction:column;min-height:0;padding:1.5rem}.irm-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.irm-filters label{color:#374151;display:flex;flex-direction:column;font-size:.85rem;font-weight:600}.irm-filters select{background:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;margin-top:.35rem;padding:.45rem .75rem}.irm-rules-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding-right:.25rem}.irm-rule-card{border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.irm-rule-card.active{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.irm-rule-card-header{display:flex;gap:1rem;justify-content:space-between}.irm-rule-card-header h3{color:#111827;font-size:1.1rem;margin:0}.irm-meta{color:#6b7280;display:flex;flex-wrap:wrap;gap:.75rem;margin:.35rem 0 0}.irm-status{background:#e5e7eb;border-radius:999px;color:#374151;font-size:.75rem;letter-spacing:.03em;padding:.15rem .55rem;text-transform:uppercase}.irm-status.active{background:#10b98126;color:#047857}.irm-status.paused{background:#f59e0b33;color:#92400e}.irm-status.deleted{background:#ef444433;color:#b91c1c}.irm-rule-actions{display:flex;flex-wrap:wrap;gap:.5rem}.irm-rule-actions button{background:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.45rem .9rem;transition:background .2s ease}.irm-rule-actions button:hover{background:#e5e7eb}.irm-rule-actions .danger{background:#ef44441f;color:#b91c1c}.irm-description{color:#4b5563;margin:0}.irm-card-footer{color:#6b7280;display:flex;font-size:.85rem;gap:1.5rem}.irm-form{display:flex;flex-direction:column;gap:1rem}.irm-form-header h3{font-size:1.25rem;margin:0}.irm-form-subtitle{color:#6b7280;font-size:.85rem;margin:.35rem 0 0}.irm-alert{border-radius:.75rem;font-weight:600;padding:.75rem 1rem}.irm-alert.error{background:#ef44441a;color:#b91c1c}.irm-alert.success{background:#10b9811f;color:#047857}.irm-field{display:flex;flex-direction:column;gap:.35rem}.irm-field label{color:#374151;font-size:.9rem;font-weight:600}.irm-field input,.irm-field select,.irm-field textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:.6rem;font-size:.95rem;padding:.55rem .75rem;transition:border-color .2s ease}.irm-field input:focus,.irm-field select:focus,.irm-field textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126;outline:none}.irm-checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.irm-checkbox{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.irm-fieldset{border:1px solid #e5e7eb;border-radius:.9rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.irm-fieldset legend{color:#1f2937;font-weight:700;padding:0 .75rem}.irm-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.irm-conditions{display:flex;flex-direction:column;gap:1rem}.irm-condition-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.irm-condition-header{align-items:center;display:flex;justify-content:space-between}.irm-condition-header h4{color:#1f2937;font-size:1rem;margin:0}.irm-condition-header .link{font-size:.85rem}.irm-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.irm-form-actions button{border:none;border-radius:.6rem;cursor:pointer;font-weight:600;padding:.6rem 1.25rem}.irm-form-actions button.primary{background:#111827;color:#fff}.irm-form-actions button.primary:disabled{background:#9ca3af;cursor:not-allowed}.irm-form-actions button:nth-child(2){background:#f3f4f6;color:#111827}.irm-empty,.irm-loading{border:2px dashed #e5e7eb;border-radius:.75rem;color:#6b7280;padding:2rem;text-align:center}.link{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;padding:0}.link:hover{text-decoration:underline}.link.danger{color:#b91c1c}@media (max-width:1200px){.irm-layout{grid-template-columns:1fr}.irm-list-panel{max-height:none;overflow:visible}}.admin-dashboard{background:linear-gradient(135deg,#10b981,#059669);min-height:100vh;padding:0}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.admin-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.error-banner{align-items:center;background:#fee2e2;border-bottom:1px solid #fecaca;color:#dc2626;display:flex;justify-content:space-between;padding:1rem 2rem}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.5rem;margin-left:1rem;padding:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.stat-card{background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:#374151;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#1f2937;font-size:2.5rem;font-weight:700}.stat-card.pending .stat-value{color:#f59e0b}.stat-card.approved .stat-value{color:#10b981}.stat-card.rejected .stat-value{color:#ef4444}.filters-section{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin:0 2rem 2rem;padding:1.5rem}.search-form{display:flex;flex:1 1;gap:.5rem;min-width:300px}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.875rem;padding:.75rem}.search-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease}.search-btn:hover{background:#059669}.filter-controls{display:flex;gap:1rem}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem}.users-table-container{background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 2rem 2rem;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:top}.subscription-date-button{align-items:flex-start;background:#3b82f61f;border:1px solid #3b82f640;border-radius:10px;color:#1d4ed8;cursor:pointer;display:inline-flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.35rem;padding:.65rem .85rem;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.subscription-date-button:hover:not(:disabled){background:#3b82f62e;box-shadow:0 6px 18px #3b82f633;transform:translateY(-1px)}.subscription-date-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.subscription-date-status{color:#1f2937;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.subscription-none{color:#9ca3af;font-size:.85rem;font-style:italic}.users-table tr:hover{background:#f9fafb}.user-info{display:flex;flex-direction:column}.user-name{color:#1f2937;font-weight:600}.website-link{color:#10b981;font-size:.875rem;text-decoration:none}.website-link:hover{text-decoration:underline}.no-url{color:#9ca3af;font-size:.875rem;font-style:italic}.admin-badge{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 4px #f59e0b4d;color:#fff!important;font-weight:600}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.plan-badge{background:#dbeafe;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.plan-badge:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.plan-badge:hover{box-shadow:0 2px 4px #2563eb40;transform:translateY(-1px)}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669;transform:translateY(-1px)}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626;transform:translateY(-1px)}.btn-delete{background:#6b7280;color:#fff}.btn-delete:hover{background:#4b5563;transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem}.pagination-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.pagination-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.pagination-info{color:#374151;font-weight:500}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:500px;padding:2rem;width:90%}.modal h3{color:#1f2937;font-size:1.5rem;margin:0 0 1rem}.modal p{color:#6b7280;margin:0 0 1rem}.rejection-reason{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.btn-cancel:hover{background:#4b5563}.btn-confirm-reject{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.btn-confirm-reject:hover:not(:disabled){background:#dc2626}.btn-confirm-reject:disabled{background:#d1d5db;cursor:not-allowed}.insights-tab{margin:2rem auto;max-width:1200px}@media (max-width:768px){.admin-dashboard{padding:0}.header-content,.stats-grid{padding:1rem}.stats-grid{grid-template-columns:1fr}.filters-section{align-items:stretch;flex-direction:column;margin:0 1rem 1rem}.search-form{min-width:auto}.users-table-container{margin:0 1rem 1rem;overflow-x:auto}.users-table{min-width:600px}.action-buttons{flex-direction:column}}.admin-tabs{margin:2rem auto 0;max-width:1200px}.tabs-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:.5rem;padding:.5rem}.tab-button{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tab-button:hover{background:#ffffff1a;color:#ffffffe6}.tab-button.active{background:#fffffff2;color:#1f2937;font-weight:600}.settings-container{margin:2rem auto;max-width:1200px;padding:0 2rem}.settings-card{background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.settings-card h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-description{color:#6b7280;font-size:.875rem;margin:0 0 2rem}.setting-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1;margin-right:2rem}.setting-label{color:#1f2937;display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.setting-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.3s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #10b981}@media (max-width:768px){.admin-tabs{margin:1rem}.setting-item,.tabs-container{flex-direction:column}.setting-item{align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.settings-container{padding:0 1rem}.settings-card{padding:1.5rem}.api-test-section{padding:0 1rem}.filter-selectors{flex-direction:column;gap:1rem}.filter-group{width:100%}.filter-checkboxes{max-height:none}.api-controls{align-items:stretch;flex-direction:column}.site-select{min-width:auto;width:100%}.data-table table{min-width:100%}}.api-test-section{box-sizing:border-box;margin:2rem auto;max-width:1400px;overflow-x:hidden;padding:0 2rem;width:100%}.api-test-section .section-header h2{color:#fff;margin-bottom:.5rem}.api-test-section .section-header p{color:#ffffffe6;margin-bottom:2rem}.api-controls{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;width:100%}.api-controls .form-group{align-items:center;display:flex;flex-direction:row;gap:1rem}.api-controls label{color:#fff;font-size:1rem;font-weight:500;white-space:nowrap}.site-select{background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;font-size:1rem;min-width:300px;padding:.5rem 1rem}.api-results{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;overflow-x:hidden;padding:2rem;width:100%}.api-results h3{border-bottom:2px solid #10b981;color:#1f2937;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.api-results h4{color:#374151;margin-bottom:1rem}.error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:1rem}.results-grid{grid-gap:2rem;display:grid;gap:2rem}.result-section,.results-grid{box-sizing:border-box;width:100%}.result-section{background:#f9fafb;border-radius:8px;overflow-x:hidden;padding:1.5rem}.result-section.full-width{grid-column:1/-1}.data-table{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}.data-table table{background:#fff;border-collapse:collapse;border-radius:8px;min-width:600px;overflow:hidden;table-layout:auto;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.data-table th{background:#10b981;color:#fff;font-weight:600}.data-table tr:hover{background:#f9fafb}.formula-cell{color:#6b7280}.formula-cell,.json-display{font-family:Courier New,monospace;font-size:.875rem}.json-display{background:#1f2937;border-radius:8px;color:#f9fafb;line-height:1.5;max-height:600px;overflow-x:auto;overflow-y:auto;padding:1.5rem;word-break:break-word}.filter-selectors,.json-display{box-sizing:border-box;width:100%}.filter-selectors{flex-wrap:wrap;gap:1.5rem}.filter-group,.filter-selectors{align-items:flex-start;display:flex}.filter-group{flex:0 1 auto;flex-direction:column;gap:.5rem;max-width:100%;min-width:0}.filter-group>label{color:#374151;font-weight:600;margin-top:.25rem;white-space:nowrap}.filter-checkboxes{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;max-height:200px}.filter-checkboxes label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.filter-checkboxes input[type=checkbox]{cursor:pointer;height:16px;width:16px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1rem;max-width:100%;min-width:200px;padding:.5rem 1rem}.error-box-small{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;padding:.75rem}.plans-tab{margin:0 2rem 2rem}.plans-main{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width:1024px){.plans-main{grid-template-columns:1fr}}.plan-card,.plan-stats-card{background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;padding:1.75rem}.plan-card h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.plan-description{color:#4b5563;font-size:.95rem;margin:.5rem 0 0}.plan-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-top:1rem;padding:.75rem 1rem}.plan-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.plan-field{display:flex;flex-direction:column;gap:.5rem}.plan-field-full{grid-column:1/-1}.plan-field label{color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.plan-field input,.plan-field select,.plan-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease}.plan-field input:focus,.plan-field select:focus,.plan-field textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126;outline:none}.plan-actions{gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-save-plan{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.btn-save-plan:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-save-plan:disabled{background:#6ee7b7;cursor:not-allowed}.btn-sync-plan{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.btn-sync-plan:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-sync-plan:disabled{background:#93c5fd;cursor:not-allowed}.plan-meta{background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;color:#1e3a8a;font-size:.85rem;line-height:1.5;margin-top:1rem;padding:.75rem 1rem}.plan-meta-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.plan-meta-column{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.plan-meta-label{color:#1e3a8a;font-size:.85rem;font-weight:600;margin-top:.25rem}.plan-meta-values{display:flex;flex-direction:column;gap:.25rem;word-break:break-all}.plan-sync-status{border-radius:10px;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.plan-sync-status.success{background:#10b9811a;border:1px solid #10b9814d;color:#047857}.plan-sync-status.error{background:#f871711f;border:1px solid #f871714d;color:#b91c1c}.plan-stats-card h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.plan-stats-card ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.plan-stats-card li{color:#374151;display:flex;font-weight:500;justify-content:space-between}.plan-stats-card li span:last-child{color:#10b981}.plan-stats-empty{color:#6b7280;font-size:.9rem}.plan-edit-inline{align-items:center;display:flex;gap:.5rem}.plan-edit-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.8125rem;padding:.375rem .5rem}.plan-edit-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133;outline:none}.plan-edit-select:disabled{cursor:not-allowed;opacity:.6}.plan-edit-saving{color:#6b7280;font-size:.75rem}.billing-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 24px 80px}.billing-container{margin:0 auto;max-width:1180px}.billing-header h1{color:#111827;font-size:36px;margin:0}.billing-subtitle{color:#4b5563;font-size:16px;line-height:1.6;margin:12px 0 24px;max-width:720px}.billing-error,.billing-message{border-radius:12px;font-size:15px;line-height:1.6;margin-bottom:18px;padding:14px 18px}.billing-message{background:#10b9811a;border:1px solid #10b98140;color:#047857}.billing-error{background:#f871711f;border:1px solid #f8717159;color:#b91c1c}.billing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.btn-manage-subscription{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 15px 30px #2563eb40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:transform .2s ease,box-shadow .3s ease}.btn-manage-subscription:hover:not(:disabled){box-shadow:0 20px 32px #2563eb59;transform:translateY(-2px)}.btn-manage-subscription:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.billing-actions-help{color:#475569;font-size:14px;margin:0;max-width:480px}.plan-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plan-card{background:#fffffff2;border:1px solid #94a3b826;border-radius:18px;box-shadow:0 25px 60px #0f172a14;display:flex;flex-direction:column;gap:16px;padding:28px 24px 32px;position:relative}.plan-card-current{border-color:#10b98166;box-shadow:0 28px 70px #10b98126}.plan-badge{align-self:flex-start;background:#2563eb1f;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:14px;font-weight:600;letter-spacing:.03em;padding:8px 12px}.plan-card-current .plan-badge{background:#10b9811f;color:#047857}.plan-description{color:#374151;font-size:15px;line-height:1.6;margin:0}.plan-pricing{display:flex;flex-direction:column;gap:8px;margin-top:8px}.price-line{align-items:baseline;display:flex;gap:8px}.price-amount{color:#0f172a;font-size:22px;font-weight:700}.price-interval{color:#64748b;font-size:14px}.plan-details{color:#1f2937;font-size:16px;line-height:1.75;margin:0;padding-left:18px}.plan-details li{line-height:1.75;margin-bottom:10px}.plan-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.plan-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 18px 32px #10b98133;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 18px;transition:transform .2s ease,box-shadow .25s ease;width:100%}.plan-button:hover:not(:disabled){box-shadow:0 24px 40px #10b98147;transform:translateY(-2px)}.plan-button.secondary{background:#0f172a14;box-shadow:none;color:#0f172a}.plan-button.secondary:hover:not(:disabled){box-shadow:0 16px 30px #0f172a1a}.plan-button.enterprise{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 20px 36px #6366f147;text-align:center}.plan-button.enterprise:hover:not(:disabled){box-shadow:0 26px 44px #6366f159}.plan-button.current-plan{background:#10b98126;box-shadow:none;color:#047857;cursor:default}.plan-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.plan-upgrade-buttons{display:flex;flex-direction:column;gap:12px}.plan-pricing-enterprise .price-amount{color:#1d4ed8;font-size:24px}.plan-pricing-enterprise .price-interval{color:#4338ca}.plan-details-enterprise li{font-weight:500}.plan-enterprise-note{color:#475569;font-size:13px;margin:0;text-align:center}.loading-card{align-items:center;justify-content:center;text-align:center}@media (max-width:768px){.billing-page{padding:32px 16px 64px}.plan-button,.plan-button.enterprise,.plan-button.secondary{text-align:center}.billing-header h1{font-size:30px}.plan-grid{grid-template-columns:1fr}.billing-actions{align-items:flex-start}.billing-actions-help{max-width:none}}.terms-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 20px 60px}.terms-container{background:#fffffff2;border-radius:24px;box-shadow:0 24px 60px #0f172a26;margin:0 auto;max-width:960px;padding:48px 36px 52px}.terms-header h1{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.effective-date{color:#2563eb;font-size:14px;font-weight:600;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.intro{color:#374151;font-size:16px;line-height:1.7;margin-bottom:16px}.terms-content{display:flex;flex-direction:column;gap:28px;margin-top:32px}.terms-section h2{color:#0f172a;font-size:22px;margin:0 0 10px}.terms-section p{color:#374151;font-size:15px;line-height:1.7;margin:0 0 12px}.terms-section ul{color:#374151;line-height:1.6;margin:0 0 16px 20px;padding:0}.terms-section ul li{margin-bottom:8px}.terms-section a{color:#2563eb;text-decoration:none}.terms-section a:hover{text-decoration:underline}@media (max-width:768px){.terms-page{padding:32px 16px 48px}.terms-container{padding:32px 20px}.terms-header h1{font-size:30px}}.contact-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:48px 20px 60px}.contact-container{background:#fffffff2;border-radius:24px;box-shadow:0 24px 60px #0f172a26;color:#111827;margin:0 auto;max-width:720px;padding:48px 36px 52px}.contact-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.contact-effective-date{color:#2563eb;font-size:14px;font-weight:600;letter-spacing:.08em;margin:0 0 24px;text-transform:uppercase}.support-notice{background:#2563eb14;border:1px solid #2563eb33;border-radius:12px;color:#374151;font-size:15px;line-height:1.7;margin-bottom:28px;padding:16px 18px}.support-notice a{color:#2563eb;font-weight:600;text-decoration:none}.support-notice a:hover{text-decoration:underline}.support-notice.enterprise-note{background:#10b98114;border-color:#10b98140;margin-top:-12px}.contact-auth-required{background:#f9fafbcc;border:1px solid #d1d5db99;border-radius:16px;padding:24px;text-align:center}.contact-auth-required h2{color:#111827;font-size:24px;margin:0 0 12px}.contact-auth-required p{color:#4b5563;font-size:15px;line-height:1.7;margin:0}.contact-link{color:#2563eb;font-weight:600;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-form{gap:20px}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:12px}.contact-field label{color:#1f2937;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.contact-field input,.contact-field textarea{background:#fffffff2;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-size:15px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease}.contact-field input:focus,.contact-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.contact-field textarea{min-height:180px;resize:vertical}.contact-feedback{border-radius:12px;font-size:14px;line-height:1.6;padding:14px 16px}.contact-feedback.error{background:#f8717126;border:1px solid #f8717159;color:#b91c1c}.contact-feedback.success{background:#10b98126;border:1px solid #10b98159;color:#047857}.contact-actions{display:flex;justify-content:flex-end}.contact-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 18px 35px #2563eb40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:transform .2s ease,box-shadow .25s ease}.contact-submit:hover:not(:disabled){box-shadow:0 22px 40px #2563eb4d;transform:translateY(-2px)}.contact-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}@media (max-width:768px){.contact-page{padding:32px 16px 48px}.contact-container{padding:32px 20px}.contact-header h1{font-size:30px}}.admin-setup{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center;min-height:100vh;padding:2rem}.setup-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 25px #0000001a;max-width:500px;padding:3rem;width:100%}.setup-header{margin-bottom:2rem;text-align:center}.setup-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.setup-header p{color:#6b7280;font-size:.875rem;margin:0}.setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;padding:.75rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.setup-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.setup-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.setup-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.setup-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;text-align:center}.setup-footer p{color:#6b7280;font-size:.875rem;margin:0}.back-link{color:#10b981;font-weight:500;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#059669;text-decoration:underline}.login-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.login-btn:hover{background:#059669;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.loading{align-items:center;color:#fff;display:flex;font-size:1.25rem;height:200px;justify-content:center}@media (max-width:480px){.admin-setup{padding:1rem}.setup-container{padding:2rem}.setup-header h1{font-size:1.75rem}.form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.7ab0ee19.css.map*/