@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121212;color:#e6e6e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:#841617}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}img{max-width:100%}.org-wordmark-font{font-family:sans-serif;font-family:var(--org-secondary-font,sans-serif)}.gotham-bold{font-family:Gotham Bold,sans-serif}.gotham-medium{font-family:Gotham Medium,sans-serif}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#444}.tool-dashboard-modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:var(--space-4);position:fixed;top:0;width:100%;z-index:1000}.tool-dashboard-modal{background-color:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;max-width:90%;overflow:hidden;width:700px}.tool-dashboard-modal-header{align-items:center;background-color:var(--background-light);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-6)}.tool-dashboard-modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.tool-dashboard-modal-body{overflow-y:auto;padding:var(--space-6)}.tool-dashboard-info-box{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.tool-dashboard-info-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem}.tool-dashboard-info-box p{color:var(--foreground-light);font-size:.95rem;line-height:1.5;margin:0}.tool-dashboard-workflow{margin-bottom:var(--space-6)}.tool-dashboard-workflow h3{color:var(--foreground);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-4)}.tool-dashboard-workflow-step,.tool-dashboard-workflow-steps{align-items:center;display:flex}.tool-dashboard-workflow-step{margin-right:var(--space-4)}.step-number{font-size:1rem;height:36px;margin-right:var(--space-2);width:36px}.step-content{align-items:center;display:flex}.step-arrow{margin-left:var(--space-3);margin-right:var(--space-3)}.tool-dashboard-list h3{color:var(--foreground);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-4)}.tool-dashboard-item{align-items:center;background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;margin-bottom:var(--space-3);padding:var(--space-4) var(--space-5);transition:all var(--transition-normal)}.tool-dashboard-item:hover{background-color:var(--background-light);border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-dashboard-item.recommended{background-color:#3087f90d;border-left:4px solid var(--primary)}.tool-dashboard-icon{align-items:center;background:var(--background-light);border-radius:var(--radius-md);color:var(--primary);display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;margin-right:var(--space-4);width:40px}.tool-dashboard-icon img{height:24px;width:24px}.tool-dashboard-content{flex-grow:1}.tool-dashboard-content h4{align-items:center;color:var(--foreground);display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:var(--space-2);margin:0 0 var(--space-1) 0}.recommended-badge{background-color:var(--primary)}.recommended-badge,.step-badge{border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.step-badge{background-color:var(--foreground-light)}.admin-badge{background-color:#6b46c1;border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.admin-tool{border-left:4px solid #6b46c1}.tool-dashboard-item#super-admin{background-color:#2f855a0d;border-left:4px solid #2f855a}.tool-dashboard-item#super-admin .tool-dashboard-icon{background-color:#2f855a1a;color:#2f855a}.tool-dashboard-item#super-admin .admin-badge,.tool-dashboard-item#super-admin .recommended-badge{background-color:#2f855a}.tool-dashboard-content p{color:var(--foreground-muted);font-size:.9rem;margin:0}.tool-dashboard-action{margin-left:var(--space-4)}.tool-dashboard-arrow{color:var(--foreground-muted);font-size:1.25rem;transition:transform var(--transition-normal)}.tool-dashboard-item:hover .tool-dashboard-arrow{color:var(--primary);transform:translateX(4px)}.tool-dashboard-modal-footer{border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-6)}.tool-dashboard-close-button{background-color:var(--background-light);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-6);transition:all var(--transition-normal)}.tool-dashboard-close-button:hover{background-color:var(--background);border-color:var(--primary);color:var(--primary)}@media (max-width:640px){.tool-dashboard-workflow-steps{align-items:flex-start;flex-direction:column}.tool-dashboard-workflow-step{margin-bottom:var(--space-4);width:100%}.step-arrow{margin-bottom:var(--space-2);margin-top:var(--space-2);transform:rotate(90deg)}.tool-dashboard-item{flex-direction:column;text-align:center}.tool-dashboard-icon{margin-bottom:var(--space-3);margin-right:0}.tool-dashboard-action{margin-left:0;margin-top:var(--space-3)}}:root{--primary:#3087f9;--primary-dark:#1c6ad3;--primary-light:#5aa4ff;--primary-gradient:linear-gradient(135deg,#3087f9,#0b5eca);--primary-glow:0 0 25px #3087f940;--background:#fff;--background-light:#f9fafb;--background-lighter:#f3f4f6;--background-card:#fff;--foreground:#111827;--foreground-light:#4b5563;--foreground-muted:#6b7280;--foreground-subtle:#9ca3af;--border-subtle:#e5e7eb;--border-strong:#d1d5db;--accent-blue:#2563eb;--accent-cyan:#06b6d4;--accent-gradient:linear-gradient(135deg,#3b82f6,#06b6d4);--success:#10b981;--success-dark:#065f46;--success-light:#10b98133;--error:#ef4444;--error-dark:#991b1b;--error-light:#ef444433;--warning:#f59e0b;--warning-dark:#92400e;--warning-light:#f59e0b33;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-card-hover:0 0 0 1px #3087f94d,0 4px 20px #0000001f;--shadow-glow:0 0 15px #3087f980;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--z-nav:50;--z-dropdown:100;--z-fixed:200;--z-modal:300;--z-toast:400;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--max-width:1280px;--content-width:1080px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--background);color:#111827;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:#3087f9;color:var(--primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#5aa4ff;color:var(--primary-light)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--background-light)}::-webkit-scrollbar-thumb{background:#f3f4f6;background:var(--background-lighter);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#3087f9;background:var(--primary)}.container{background:#fff;background:var(--background);margin:0 auto;max-width:100%;min-height:100vh;padding:0;position:relative;width:100%}.home-page{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);left:0;padding:1rem 0;padding:var(--space-4) 0;position:fixed;right:0;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:50;z-index:var(--z-nav)}.navbar-scrolled{background-color:#fffffffa;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:.5rem 0;padding:var(--space-2) 0}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1280px;max-width:var(--max-width);padding:0 3rem;padding:0 var(--space-12)}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo img{max-height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.navbar-scrolled .navbar-logo img{max-height:30px}.navbar-logo span{color:#3087f9;color:var(--primary);font-size:1.25rem;font-weight:700;margin-left:.5rem;margin-left:var(--space-2)}.navbar-links{align-items:center;display:flex;gap:2rem;gap:var(--space-8)}.navbar-link{color:#4b5563;color:var(--foreground-light);font-size:.95rem;font-weight:500;padding:.5rem 0;padding:var(--space-2) 0;position:relative;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.navbar-link:hover{color:#3087f9;color:var(--primary)}.navbar-link:after{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:0}.navbar-link:hover:after{width:100%}.navbar-link.active{color:#3087f9;color:var(--primary)}.navbar-link.active:after{width:100%}.navbar-cta{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;padding:var(--space-2) var(--space-5);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.navbar-cta:hover{box-shadow:0 0 15px #3087f980;box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;color:#111827;color:var(--foreground);cursor:pointer;display:none;font-size:1.5rem}.hero-section{align-items:center;background:radial-gradient(ellipse at top right,#eff6ff 0,#0000 50%),radial-gradient(ellipse at bottom left,#f0fdfa 0,#0000 50%);display:flex;min-height:90vh;overflow:hidden;padding:7rem 0 5rem;padding:var(--space-28) 0 var(--space-20);position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.hero-particle{background-color:#0000000d;border-radius:50%;height:2px;position:absolute;width:2px}.hero-gradient{background:radial-gradient(circle at 70% 30%,#3087f914 0,#0000 60%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-container{align-items:center;display:flex;flex-direction:row;gap:2.5rem;gap:var(--space-10);justify-content:space-between;margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12);position:relative;z-index:2}.hero-content{flex:1 1;max-width:600px}.hero-title{color:#111827;color:var(--foreground);font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-title-highlight{color:#3087f9;color:var(--primary);display:inline-block;position:relative}.hero-title-highlight:after{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}.hero-subtitle{color:#4b5563;color:var(--foreground-light);font-size:1.25rem;margin-bottom:2.5rem;margin-bottom:var(--space-10)}.hero-badge{align-items:center;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;border-radius:var(--radius-full);color:#3087f9;color:var(--primary);display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.hero-badge-dot{background-color:#3087f9;background-color:var(--primary);border-radius:50%;height:6px;margin-right:.5rem;margin-right:var(--space-2);width:6px}.hero-cta-group{display:flex;gap:1rem;gap:var(--space-4);margin-bottom:2rem;margin-bottom:var(--space-8)}.hero-visual{flex:1 1;max-width:550px}.hero-image,.hero-visual{height:auto;position:relative}.hero-image{border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;width:100%;z-index:2}.hero-image-blob{animation:blob-animation 8s ease-in-out infinite;background:#5aa4ff;background:var(--primary-light);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:300px;opacity:.1;position:absolute;right:-30px;top:-30px;width:300px;z-index:1}@keyframes blob-animation{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.primary-button{align-items:center;background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-family:inherit;font-size:1rem;gap:.5rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--space-4) var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.primary-button:hover{box-shadow:0 0 15px #3087f980;box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-2px)}.secondary-button{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:9999px;border-radius:var(--radius-full);color:#111827;color:var(--foreground);display:inline-flex;font-family:inherit;font-size:1rem;gap:.5rem;gap:var(--space-2);justify-content:center;padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.secondary-button:hover{border-color:#3087f9;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#3087f9;color:var(--primary);transform:translateY(-2px)}.stats-section{background-color:#f9fafb;background-color:var(--background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle);padding:4rem 0;padding:var(--space-16) 0}.stats-container{grid-gap:2.5rem;grid-gap:var(--space-10);display:grid;gap:2.5rem;gap:var(--space-10);grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.stat-item{text-align:center}.stat-value{color:var(--primary);font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#4b5563;color:var(--foreground-light);font-size:1rem;font-weight:500}.features-section{background:#fff;background:var(--background);padding:5rem 0;padding:var(--space-20) 0;position:relative}.section-title-container{margin:0 auto 4rem;margin:0 auto var(--space-16);max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12);text-align:center}.section-subtitle{color:#3087f9;color:var(--primary);font-size:1rem;font-weight:600;letter-spacing:2px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.section-title{color:#111827;color:var(--foreground);font-size:2.5rem;font-weight:800;margin-bottom:2rem;margin-bottom:var(--space-8)}.section-description{color:#4b5563;color:var(--foreground-light);font-size:1.1rem;margin:0 auto;max-width:800px}.features-container{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.feature-card{background:#fff;background:var(--background-card);border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.feature-card:hover{border-color:#3087f9;border-color:var(--primary);box-shadow:0 0 0 1px #3087f94d,0 4px 20px #0000001f;box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.feature-icon{align-items:center;background:#eff6ff;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;margin-bottom:1.25rem;margin-bottom:var(--space-5);position:relative;width:48px}.feature-icon span{color:#3087f9;color:var(--primary);font-size:1.5rem;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient)}.feature-card:hover .feature-icon span{color:#fff}.feature-title{color:#111827;color:var(--foreground);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3)}.feature-description{color:#4b5563;color:var(--foreground-light);font-size:.95rem;line-height:1.6}.showcase-section{background-color:#f9fafb;background-color:var(--background-light);overflow:hidden;padding:5rem 0;padding:var(--space-20) 0;position:relative}.showcase-container{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.showcase-grid{grid-gap:3rem;grid-gap:var(--space-12);display:grid;gap:3rem;gap:var(--space-12);grid-template-columns:repeat(2,1fr);margin-top:4rem;margin-top:var(--space-16)}.showcase-item{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.showcase-image-container{border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.showcase-image-container:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}.showcase-image{display:block;height:auto;width:100%}.showcase-content{padding:1rem 0;padding:var(--space-4) 0}.showcase-title{color:#111827;color:var(--foreground);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3)}.showcase-description{color:#4b5563;color:var(--foreground-light);font-size:1rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.showcase-button{align-items:center;color:#3087f9;color:var(--primary);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--space-2);transition:gap .25s cubic-bezier(.4,0,.2,1);transition:gap var(--transition-normal)}.showcase-button:hover{gap:.75rem;gap:var(--space-3)}.showcase-button-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.showcase-button:hover .showcase-button-arrow{transform:translateX(4px)}.testimonials-section{background:#fff;background:var(--background);padding:5rem 0;padding:var(--space-20) 0;position:relative}.testimonials-container{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.testimonial-cards{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-top:3rem;margin-top:var(--space-12)}.testimonial-card{background:#fff;background:var(--background-card);border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.testimonial-card:hover{border-color:#d1d5db;border-color:var(--border-strong);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-8px)}.testimonial-rating{color:#f59e0b;display:flex;gap:.25rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-4)}.testimonial-quote{color:#4b5563;color:var(--foreground-light);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative}.testimonial-author{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.testimonial-avatar{border:2px solid #e5e7eb;border:2px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full);height:48px;overflow:hidden;width:48px}.testimonial-avatar img{height:100%;object-fit:cover;width:100%}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{color:#111827;color:var(--foreground);font-size:1rem;font-weight:600}.testimonial-title{color:#6b7280;color:var(--foreground-muted);font-size:.9rem}.cta-section{background:#f9fafb;background:var(--background-light);overflow:hidden;padding:5rem 0;padding:var(--space-20) 0;position:relative}.cta-background{background:radial-gradient(circle at 70% 30%,#3087f914 0,#0000 70%);height:100%;left:0;position:absolute;top:0;width:100%}.cta-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:3rem 1.5rem;padding:var(--space-12) var(--space-6);position:relative;text-align:center;z-index:1}.cta-title{color:#111827;color:var(--foreground);font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.cta-description{color:#4b5563;color:var(--foreground-light);font-size:1.1rem;margin:0 auto 2.5rem;margin:0 auto var(--space-10);max-width:800px}.cta-buttons{display:flex;gap:1rem;gap:var(--space-4);justify-content:center}.footer{background:#fff;background:var(--background);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle);padding:4rem 0 2rem;padding:var(--space-16) 0 var(--space-8);position:relative}.footer-container{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.footer-main{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem;margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;margin-bottom:1rem;margin-bottom:var(--space-4)}.footer-logo img{height:36px}.footer-logo span{color:#3087f9;color:var(--primary);font-size:1.25rem;font-weight:700;margin-left:.5rem;margin-left:var(--space-2)}.footer-description{color:#4b5563;color:var(--foreground-light);font-size:.95rem;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:.75rem;gap:var(--space-3)}.footer-social-link{align-items:center;background:#f3f4f6;background:var(--background-lighter);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:36px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:36px}.footer-social-link:hover{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient)}.footer-social-link span{color:#4b5563;color:var(--foreground-light);font-size:1rem;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.footer-social-link:hover span{color:#fff}.footer-nav-section h3{color:#111827;color:var(--foreground);font-size:1rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.footer-nav-links{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.footer-nav-link{color:#4b5563;color:var(--foreground-light);font-size:.95rem;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.footer-nav-link:hover{color:#3087f9;color:var(--primary)}.footer-bottom{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-top:2rem;padding-top:var(--space-8)}.footer-copyright{color:#6b7280;color:var(--foreground-muted);font-size:.9rem}.footer-legal{display:flex;gap:1.5rem;gap:var(--space-6)}.footer-legal-link{color:#6b7280;color:var(--foreground-muted);font-size:.9rem}.tools-section{background:#fff;background:var(--background);padding:5rem 0 8rem;padding:var(--space-20) 0 var(--space-32);position:relative}.tool-cards{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;margin-top:var(--space-12);max-width:1080px;max-width:var(--content-width);padding:0 3rem;padding:0 var(--space-12)}.tool-card{background:#fff;background:var(--background-card);border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.tool-card:hover{border-color:#3087f94d;box-shadow:0 0 0 1px #3087f94d,0 4px 20px #0000001f;box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.tool-card-image{aspect-ratio:16/9;overflow:hidden;width:100%}.tool-card-image img{height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal);width:100%}.tool-card:hover .tool-card-image img{transform:scale(1.05)}.tool-card-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem;padding:var(--space-8)}.tool-card-title{color:#111827;color:var(--foreground);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3)}.tool-card-description{color:#4b5563;color:var(--foreground-light);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.tool-card-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:auto;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.tool-card-button:hover{box-shadow:0 0 15px #3087f980;box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width:1100px){.hero-container{align-items:center;flex-direction:column;text-align:center}.hero-cta-group{justify-content:center}.hero-content{max-width:100%}.stats-container{row-gap:2.5rem;row-gap:var(--space-10)}.features-container,.stats-container,.testimonial-cards,.tool-cards{grid-template-columns:repeat(2,1fr)}.testimonial-cards{gap:1.5rem;gap:var(--space-6)}.showcase-grid{grid-template-columns:1fr}.footer-main{gap:2.5rem 2rem;gap:var(--space-10) var(--space-8);grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--space-8:24px;--space-10:32px;--space-12:32px;--space-16:48px;--space-20:60px}.section-title{font-size:2rem}.hero-title{font-size:2.5rem}.features-container,.testimonial-cards,.tool-cards{grid-template-columns:1fr}.hero-cta-group{flex-direction:column;width:100%}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;gap:var(--space-4);text-align:center}.navbar-links{display:none}.mobile-menu-button{display:block}.stats-container{grid-template-columns:1fr}}@media (max-width:480px){.cta-container{padding:2rem 1.5rem;padding:var(--space-8) var(--space-6)}.cta-title{font-size:1.75rem}.cta-buttons{flex-direction:column;width:100%}.features-container,.footer-container,.hero-container,.navbar-container,.section-title-container,.showcase-container,.stats-container,.testimonials-container,.tool-cards{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}}.qr-landing-page{background:radial-gradient(ellipse at top right,#eff6ff 0,#0000 50%),radial-gradient(ellipse at bottom left,#f0fdfa 0,#0000 50%);padding:1rem;padding:var(--space-4)}.qr-landing-container{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);max-width:500px;padding:2rem;padding:var(--space-8);text-align:center;width:100%}.qr-landing-logo{font-size:2rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.qr-landing-content{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.qr-landing-spinner{animation:spinner 1s linear infinite;border:4px solid #3087f933;border-radius:50%;border-top:4px solid var(--primary);height:40px;margin-bottom:.5rem;margin-bottom:var(--space-2);width:40px}@keyframes spinner{to{transform:rotate(1turn)}}.qr-landing-content h1{color:#111827;color:var(--foreground);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.qr-landing-content p{color:#4b5563;color:var(--foreground-light);margin-bottom:1rem;margin-bottom:var(--space-4)}.qr-landing-destination{align-items:center;background-color:#f9fafb;background-color:var(--background-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:1rem;padding:var(--space-4);width:100%}.qr-landing-destination span{color:#6b7280;color:var(--foreground-muted);font-size:.875rem}.qr-landing-link{color:#3087f9;color:var(--primary);font-weight:500;word-break:break-all}.qr-landing-actions{display:flex;gap:1rem;gap:var(--space-4);margin-top:1rem;margin-top:var(--space-4)}.qr-landing-button{background:linear-gradient(135deg,#3087f9,#0b5eca);background:var(--primary-gradient);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.qr-landing-button:hover{box-shadow:0 0 15px #3087f980;box-shadow:var(--shadow-glow)}.qr-landing-button-secondary{background:#fff;border:1px solid #d1d5db;border:1px solid var(--border-strong);color:#111827;color:var(--foreground)}.qr-landing-button-secondary:hover{border-color:#3087f9;border-color:var(--primary);box-shadow:none;color:#3087f9;color:var(--primary)}.qr-landing-error{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.qr-landing-error-icon{font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.qr-landing-error h2{color:#ef4444;color:var(--error);font-size:1.25rem;font-weight:700}.qr-landing-error p{color:#4b5563;color:var(--foreground-light);margin-bottom:1rem;margin-bottom:var(--space-4);text-align:center}.qr-landing-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle);margin-top:1rem;margin-top:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.qr-landing-footer p{color:#6b7280;color:var(--foreground-muted);font-size:.875rem}.analytics-page{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:1.5rem;padding:var(--space-6)}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-top:1.5rem;margin-top:var(--space-6)}.analytics-header h1{color:#111827;color:var(--foreground);font-size:1.75rem;font-weight:700}.analytics-filters{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.analytics-filter-item{flex:1 1;min-width:200px}.analytics-filter-item label{color:#4b5563;color:var(--foreground-light);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.analytics-filter-item input,.analytics-filter-item select{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--foreground);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);width:100%}.analytics-cards{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.analytics-card{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.analytics-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.analytics-card-title{color:#4b5563;color:var(--foreground-light);font-size:.875rem;font-weight:600}.analytics-card-title,.analytics-card-value{margin-bottom:.5rem;margin-bottom:var(--space-2)}.analytics-card-value{color:#3087f9;color:var(--primary);font-size:2rem;font-weight:700}.analytics-card-change{align-items:center;display:flex;font-size:.875rem;gap:.25rem;gap:var(--space-1)}.analytics-card-change.positive{color:#10b981;color:var(--success)}.analytics-card-change.negative{color:#ef4444;color:var(--error)}.analytics-section{margin-bottom:2rem;margin-bottom:var(--space-8)}.analytics-section-title{color:#111827;color:var(--foreground);font-size:1.25rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.analytics-table{border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-collapse:collapse;border-radius:.5rem;border-radius:var(--radius-md);overflow:hidden;width:100%}.analytics-table th{background-color:#f9fafb;background-color:var(--background-light);color:#111827;color:var(--foreground);font-weight:600;text-align:left}.analytics-table td,.analytics-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.analytics-table td{color:#4b5563;color:var(--foreground-light)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tbody tr:hover{background-color:#f9fafb;background-color:var(--background-light)}.analytics-empty{color:#6b7280;color:var(--foreground-muted);padding:3rem;padding:var(--space-12);text-align:center}.analytics-empty h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.groups-page{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:1.5rem;padding:var(--space-6)}.groups-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-top:1.5rem;margin-top:var(--space-6)}.groups-header h1{color:#111827;color:var(--foreground);font-size:1.75rem;font-weight:700}.groups-list{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.group-card{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.group-card:hover{border-color:#5aa4ff;border-color:var(--primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.group-card-header{background-color:#f9fafb;background-color:var(--background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.group-card-header h3{color:#111827;color:var(--foreground);font-size:1.25rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--space-1)}.group-card-meta{align-items:center;color:#6b7280;color:var(--foreground-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;gap:var(--space-3);justify-content:space-between}.group-rep{color:#3087f9;color:var(--primary);font-weight:500}.group-card-content{flex-grow:1;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.group-card-stats{display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1rem;margin-bottom:var(--space-4)}.group-card-stat{flex:1 1;text-align:center}.group-card-stat-value{color:#3087f9;color:var(--primary);font-size:1.5rem;font-weight:700}.group-card-stat-label{color:#6b7280;color:var(--foreground-muted);font-size:.75rem}.group-card-description{color:#4b5563;color:var(--foreground-light);font-size:.95rem;line-height:1.5}.group-card-description,.group-card-tags{margin-bottom:1rem;margin-bottom:var(--space-4)}.group-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.group-card-tag{background-color:#f9fafb;background-color:var(--background-light);border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--foreground-light);font-size:.75rem;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.group-card-footer{align-items:stretch;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;gap:var(--space-3);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.group-card-footer>*{align-items:center;background-color:initial;border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;color:#111827;color:var(--foreground);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;justify-content:center;margin:0;padding:8px 16px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.group-card-footer>:hover{background-color:#f9fafb;background-color:var(--background-light);border-color:#3087f9;border-color:var(--primary);color:#3087f9;color:var(--primary)}.group-card-footer>.primary{background-color:#3087f9;background-color:var(--primary);border-color:#3087f9;border-color:var(--primary);color:#fff}.group-card-footer>.primary:hover{background-color:#1c6ad3;background-color:var(--primary-dark);box-shadow:0 0 15px #3087f980;box-shadow:var(--shadow-glow);color:#fff}.groups-search{margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative}.groups-search-input{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--foreground);font-size:1rem;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);padding-right:48px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.groups-search-input:focus{border-color:#3087f9;border-color:var(--primary);box-shadow:0 0 0 3px #3087f926;outline:none}.groups-search-clear,.groups-search-input::placeholder{color:#6b7280;color:var(--foreground-muted)}.groups-search-clear{align-items:center;background:#f3f4f6;background:var(--background-lighter);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.groups-search-clear:hover{background:#3087f9;background:var(--primary);color:#fff}.group-card-contact{background-color:#f3f4f6;background-color:var(--background-lighter);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.group-contact-name{color:#111827;color:var(--foreground);font-weight:500}.group-contact-email{color:#3087f9;color:var(--primary);font-size:.875rem}.group-detail-page{margin:0 auto;max-width:1080px;max-width:var(--content-width);padding:1.5rem;padding:var(--space-6)}.group-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);margin-top:1.5rem;margin-top:var(--space-6)}.group-detail-title h1{color:#111827;color:var(--foreground);font-size:1.75rem;font-weight:700;margin-top:.5rem;margin-top:var(--space-2)}.back-link{color:#6b7280;color:var(--foreground-muted);font-size:.875rem;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.back-link:hover{color:#3087f9;color:var(--primary)}.group-detail-actions{display:flex;gap:.75rem;gap:var(--space-3)}.group-detail-content{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.group-detail-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.group-detail-card h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);color:#111827;color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--space-5);padding-bottom:.75rem;padding-bottom:var(--space-3)}.group-detail-info{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.group-detail-row{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.group-detail-label{color:#6b7280;color:var(--foreground-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.group-detail-value{color:#111827;color:var(--foreground);font-size:1rem}.group-detail-value a{color:#3087f9;color:var(--primary);text-decoration:none}.group-detail-value a:hover{text-decoration:underline}.group-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.group-events-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.group-event-item{align-items:center;background-color:#f9fafb;background-color:var(--background-light);border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.group-event-info{flex:1 1}.group-event-title{color:#111827;color:var(--foreground);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1)}.group-event-date{font-size:.875rem}.group-event-date,.no-events-message{color:#6b7280;color:var(--foreground-muted)}.no-events-message{font-style:italic;padding:1.5rem;padding:var(--space-6);text-align:center}.success-message{background-color:#10b98133;background-color:var(--success-light);border:1px solid #10b981;border:1px solid var(--success);border-radius:.5rem;border-radius:var(--radius-md);color:#065f46;color:var(--success-dark);margin-bottom:var(--space-4);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-section-subtitle{color:#4b5563;color:var(--foreground-light);font-size:.95rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.form-divider-light{background:#e5e7eb;background:var(--border-subtle);height:1px;margin:1rem 0;margin:var(--space-4) 0}.secondary-button.small{font-size:.8rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.form-row{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.form-row{grid-template-columns:1fr}.group-detail-header{flex-direction:column;gap:1rem;gap:var(--space-4)}.group-event-item{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3)}}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:300;z-index:var(--z-modal)}.modal-content{animation:modal-slide-in .3s ease-out forwards;background-color:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-6)}.modal-header h2{color:#111827;color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#6b7280;color:var(--foreground-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-close:hover{color:#ef4444;color:var(--error)}.modal-content form{padding:1.5rem;padding:var(--space-6)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-group label{color:#4b5563;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--border-strong);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--foreground);font-size:1rem;padding:.75rem;padding:var(--space-3);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3087f9;border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.form-actions{justify-content:flex-end}.form-actions,.groups-actions{display:flex;gap:1rem;gap:var(--space-4)}.navbar-dropdown{display:inline-block;position:relative}.navbar-dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:.5rem;margin-top:var(--space-2);opacity:0;padding:.5rem 0;padding:var(--space-2) 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);visibility:hidden;width:200px;z-index:100;z-index:var(--z-dropdown)}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-item{color:#111827;color:var(--foreground);display:block;font-size:.95rem;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.navbar-dropdown-item:hover{background-color:#f9fafb;background-color:var(--background-light);color:#3087f9;color:var(--primary)}.login-modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal{background-color:#fff;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 30px #0003;max-width:90%;overflow:hidden;width:450px}.login-modal-header{align-items:center;background-color:var(--background-light);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem}.login-modal-header h2{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.close-button{padding:0}.login-modal-body{padding:1.5rem}.login-info-box{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:6px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.login-info-icon{color:var(--primary);font-size:1.5rem}.login-info-box p{color:var(--foreground-light);font-size:.9rem;margin:0}.login-error{background-color:#f443361a;border:1px solid #f443364d;border-radius:6px;color:#f44336}.login-error,.login-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.login-status{animation:pulse 1.5s infinite;background-color:#2196f31a;border:1px solid #2196f34d;border-radius:6px;color:#2196f3}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.login-error-icon{font-size:1rem}.form-group input{background-color:#fff;border:1px solid var(--border-strong);color:var(--foreground);font-size:.95rem}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.login-button{background:var(--primary-gradient);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s;width:100%}.login-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-button:disabled{background:var(--primary-light);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.app-header{background-color:#fff;border-bottom:1px solid var(--border-subtle);color:var(--foreground);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--content-width);padding:.75rem var(--space-6)}.app-header-left{gap:1rem}.app-header-left,.app-logo{align-items:center;display:flex}.app-logo{text-decoration:none}.app-logo-text{color:var(--primary);font-size:1.25rem;font-weight:700}.app-title{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0;padding-left:1rem;position:relative}.app-title:before{background-color:var(--border-strong);content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.app-nav{display:flex;gap:1.5rem}.app-nav-item{color:var(--foreground-light);font-weight:500;text-decoration:none;transition:color .2s}.app-nav-item:hover{color:var(--primary)}.app-nav-admin-btn,.app-nav-dashboard-btn{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;margin-left:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.app-nav-admin-btn:hover,.app-nav-dashboard-btn:hover{box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-2px)}.app-nav-admin-btn{background:linear-gradient(135deg,#333,#555)}.app-nav-admin-btn:hover{box-shadow:0 0 15px #0003}.app-nav-logout-btn{align-items:center;background:linear-gradient(135deg,#d9534f,#c9302c);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;margin-left:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.app-nav-logout-btn:hover{box-shadow:0 0 15px #d9534f4d;color:#fff;transform:translateY(-2px)}.app-workflow-hint{background-color:var(--background-light);border-bottom:1px solid var(--border-subtle);padding:.75rem 0}.app-workflow-steps{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:var(--content-width);padding:0 var(--space-6)}.app-workflow-step{align-items:center;border-radius:var(--radius-md);color:var(--foreground-light);display:flex;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.app-workflow-step:hover{background-color:var(--background-lighter);color:var(--primary)}.app-workflow-step.active{background-color:#3087f91a;color:var(--primary)}.step-number{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-label{font-size:.9rem;font-weight:500}.step-arrow{color:var(--foreground-muted);font-size:1.2rem}@media (max-width:768px){.app-header-container{align-items:flex-start;flex-direction:column;gap:1rem}.app-nav{justify-content:center;width:100%}.app-workflow-steps{align-items:flex-start;flex-direction:column;gap:.5rem}.step-arrow{margin-left:1rem;transform:rotate(90deg)}}.link-shortener-page{background-color:#121212;color:#e6e6e6;min-height:100vh}.link-shortener-content{margin:0 auto;max-width:1280px;padding:2rem}.alert.alert-warning{background-color:#ed6c021a;border:1px solid #ed6c0280}.tutorial{background-color:#ffffff0d;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.tutorial-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.tutorial-icon{font-size:1.5rem}.tutorial h2{font-size:1.25rem;font-weight:600;margin:0}.tutorial ol{margin:0;padding-left:1.5rem}.tutorial li{margin-bottom:.5rem}.tutorial li:last-child{margin-bottom:0}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:1rem}.input-section-title{align-items:center;border-bottom:1px solid #333;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.input-icon{font-size:1.25rem}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-wrapper label{color:#bbb;font-size:.9rem}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{background-color:#1e1e1e;border:1px solid #333;border-radius:.25rem;color:#e6e6e6;font-size:.95rem;padding:.75rem}.input-wrapper textarea{min-height:100px;resize:vertical}.divider{align-items:center;background-color:#333;display:flex;height:1px;justify-content:center;margin:1rem 0;position:relative}.divider-text{background-color:#121212;color:#999;font-size:.85rem;padding:0 .75rem}.primary-button{display:inline-block;text-align:center;text-decoration:none}.primary-button:hover{background-color:#a91e20}.primary-button:disabled{background-color:#5a2425;cursor:not-allowed;opacity:.7}.result-group{align-items:center;background-color:#ffffff08;border-radius:.5rem;display:flex;flex-direction:column;padding:1.5rem}.result-section-title{align-items:center;border-bottom:1px solid #333;display:flex;font-size:1.25rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem;width:100%}.result-icon{font-size:1.25rem}.empty-state{align-items:center;border:2px dashed #333;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-text{color:#999;font-size:1rem}.result{margin-bottom:1.5rem;text-align:center;width:100%}.result p{font-weight:600;margin-bottom:.5rem;margin-top:0}.result a{background-color:#8416171a;border-radius:.25rem;color:#841617;display:inline-block;font-size:1.25rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none;word-break:break-all}.result a:hover{text-decoration:underline}.qr-code{align-items:center;display:flex;flex-direction:column;margin:1.5rem 0 2.5rem}.qr-code img{aspect-ratio:1/1;border-radius:.5rem;box-shadow:0 4px 20px #0000004d;height:auto;margin-bottom:1.5rem;object-fit:contain;width:250px}.status{align-items:center;border-radius:.25rem;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.success-status{background-color:#4caf501a;border:1px solid #4caf5080;color:#4caf50}.error-status{background-color:#f443361a;border:1px solid #f4433680;color:#f44336}.flyer-buttons{display:flex;gap:1rem;margin-top:1.5rem}@media (max-width:992px){.grid{grid-template-columns:1fr}.result-group{margin-top:2rem}}@media (max-width:600px){.link-shortener-content{padding:1rem}.flyer-buttons{flex-direction:column;gap:.75rem}}.logo-editor-modal{align-items:center;display:flex;justify-content:center;z-index:1000}.logo-editor-modal,.modal-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.modal-overlay{background-color:#000000b3;z-index:-1}.modal-content{background-color:#1e1e1e;border-radius:8px;box-shadow:0 5px 30px #0000004d;max-width:500px;padding:20px;width:90%}.modal-content h2{color:#e6e6e6;margin-bottom:15px;margin-top:0;text-align:center}.canvas-container{display:flex;justify-content:center;margin-bottom:15px}canvas{border:2px solid #333;border-radius:4px}.upload-section{display:flex;justify-content:center;margin-bottom:15px}.upload-button{background-color:#3a3a3a;border-radius:4px;color:#e6e6e6;display:inline-block;padding:10px 15px;transition:background-color .2s}.upload-button:hover{background-color:#4a4a4a}.modal-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 15px;transition:background-color .2s}.cancel-btn{background-color:#3a3a3a;color:#e6e6e6}.cancel-btn:hover{background-color:#4a4a4a}.remove-btn{background-color:#06c;color:#fff}.remove-btn:hover{background-color:#0052a3}.remove-btn:disabled{background-color:#2a4d69;cursor:not-allowed}.white-btn{background-color:#424242;color:#fff}.white-btn:hover{background-color:#5a5a5a}.confirm-btn{background-color:#841617;color:#fff}.confirm-btn:hover{background-color:#a91e20}.progress-bar-container{background-color:#444;border-radius:2px;height:5px;margin-bottom:10px;margin-top:5px;overflow:hidden;width:100%}.progress-bar{background-color:#06c;height:100%;transition:width .3s ease-in-out}@media (max-width:500px){.modal-content{max-width:90%}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}@font-face{font-family:Gotham Bold;src:url(/static/media/GothamBold.108854bb27dee2dce854.ttf) format("truetype")}@font-face{font-family:Gotham Medium;src:url(/static/media/GothamMedium_1.0a910c0b9d50be6aa3dc.ttf) format("truetype")}.flyer-generator-page{background-color:#121212;color:#e6e6e6;min-height:100vh}.flyer-generator-content{margin:0 auto;max-width:1280px;padding:2rem}.instructions{margin-bottom:2rem}.alert{align-items:flex-start;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.alert.alert-info{background-color:#1976d21a;border:1px solid #1976d280}.alert-icon{font-size:1.25rem}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:.25rem}.flyer-generator-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:.8fr 1.2fr}.flyer-form{display:flex;flex-direction:column;gap:1rem}.form-section-title{border-bottom:1px solid #333;font-size:1.25rem;margin-bottom:.5rem;margin-top:1rem;padding-bottom:.5rem}.flyer-form input,.flyer-form select,.flyer-form textarea{background-color:#1e1e1e;border:1px solid #333;border-radius:.25rem;color:#e6e6e6;font-size:.95rem;padding:.75rem}.flyer-form textarea{min-height:100px;resize:vertical}.textarea-container{display:block;position:relative;width:100%}.textarea-container textarea{width:100%}textarea.error{border:2px solid #ba0c2f;box-shadow:0 0 5px #ba0c2f80}.error-message{color:#ba0c2f;font-size:14px;font-weight:700;margin-top:5px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.file-upload{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.flyer-preview-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;grid-template-rows:auto 1fr}.preview-controls{background-color:#1a1a1a;border:1px solid #333;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.control-groups{display:flex;flex-wrap:wrap;gap:1rem}.control-group{flex:1 1;min-width:200px}.slider-control{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.slider-control label{color:#bbb;font-size:.9rem}.slider-control.slider-wide input[type=range]{min-width:280px;width:100%}.qr-success{color:#4caf50;font-size:.9rem;margin-top:.25rem}.flyer-preview{position:-webkit-sticky;position:sticky;top:6rem}.preview-title{border-bottom:1px solid #333;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.flyer{background-color:#000;background-position:50%;background-size:cover;border:none;border-radius:0;box-shadow:none;height:0;outline:none;overflow:hidden;padding-bottom:125%;position:relative;width:100%}.overlay{background:linear-gradient(180deg,#00000080,#000000b3);z-index:1}.content,.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.content{border:none;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding:30px;z-index:2}.header{border:none;flex:0 0 auto;margin-bottom:0;padding-top:10px;text-align:center}.org-name{font-family:sans-serif;font-family:var(--org-secondary-font,sans-serif);font-size:90px;font-synthesis:none;font-weight:700;line-height:1;margin:0 0 5px;text-shadow:2px 2px 4px #00000080}.wordmark-logo-container{align-items:center;display:flex;justify-content:center;margin:0 0 5px;width:100%}.wordmark-logo-image{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));transition:height .2s ease}.sport{font-family:Gotham Bold,sans-serif;font-size:45px;line-height:45px;margin:15px 0 2px;text-shadow:2px 2px 4px #00000080}.game-info{background-color:#ba0c2f;background-color:var(--org-primary-color,#ba0c2f);display:inline-flex;margin:1.5vh 0 20px;padding:10px 15px;vertical-align:middle}.flyer.macos .game-info{margin:1vh 0 20px}.game-info h3{color:#fff;font-family:Gotham Bold,sans-serif;font-size:28px;line-height:30px;margin:0}.game-info-text{display:inline-block}.body{gap:0}.body,.group-name{border:none;display:flex;flex:0 0 auto;flex-direction:column;height:auto;overflow:visible;padding:0}.group-name{align-items:center;justify-content:flex-start;max-width:100%;width:100%}.group-name-text{text-align:center;width:100%}.group-name-line{word-wrap:break-word;color:#fff;display:block;font-family:sans-serif;font-family:var(--org-secondary-font,sans-serif);font-size:70px;font-synthesis:none;font-weight:700;line-height:1.1;margin:0 auto;max-width:100%;overflow-wrap:break-word;text-align:center;text-shadow:2px 2px 4px #00000080;white-space:normal}.group-name-with-logo{align-items:center;border:none;display:flex;flex-direction:row;gap:10px;justify-content:center;margin:0 auto;max-width:100%;padding:0}.group-name-text-with-logo{flex:1 1;margin-bottom:5px;text-align:left}.group-name-line-with-logo{word-wrap:break-word;color:#fff;font-family:sans-serif;font-family:var(--org-secondary-font,sans-serif);font-size:60px;font-synthesis:none;font-weight:700;line-height:1.1;margin:0;max-width:100%;overflow-wrap:break-word;text-shadow:2px 2px 4px #00000080;white-space:normal}.date-time{border:none;font-family:Gotham Bold,sans-serif;font-size:28px;margin:0;text-align:center;text-shadow:1px 1px 2px #00000080}.description{align-items:center;background-color:#404040cc;border:none;border-radius:5px;display:flex;flex:0 0 auto;justify-content:center;margin:0 auto;max-height:160px;max-width:95%;min-height:90px;overflow:hidden;padding:15px;vertical-align:middle}.description p{word-wrap:break-word;font-family:Gotham Medium,sans-serif;font-size:18px;line-height:1.6;margin:0;overflow-wrap:break-word;text-align:center;white-space:pre-wrap;width:100%}.flyer .footer{background:none;bottom:30px;display:flex;flex-direction:column;left:30px;position:absolute;right:30px}.flyer .footer,.price-info{border:none;margin:0;padding:0}.price-info{font-family:Gotham Bold,sans-serif;font-size:24px;font-weight:700;line-height:1.3;text-align:center;text-shadow:1px 1px 2px #00000080}.purchase-info{align-items:center;border:none;display:flex;justify-content:space-between;margin:0;padding:0}.purchase-text{border:none;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;padding-right:15px;text-align:right}.purchase-link{font-family:Gotham Bold,sans-serif;font-size:20px;font-weight:700;margin-bottom:8px}.purchase-text p{font-family:Gotham Medium,sans-serif;line-height:1.3;margin:4px 0}.contact-info{font-size:13px;line-height:1.3;margin:4px 0 0;word-break:keep-all}.qr-code{border:2px solid #fff;display:block;flex-shrink:0;height:110px;margin:0;object-fit:contain;padding:0;width:110px}.processed-logo{height:auto;margin-right:10px;object-fit:contain}.primary-button{background-color:#841617;background-color:var(--org-primary-color,#841617);border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:background-color .2s}.primary-button:hover{filter:brightness(1.2)}.secondary-button{background-color:initial;border:1px solid #555;border:1px solid var(--org-primary-color,#555);border-radius:.25rem;color:#e6e6e6;color:var(--org-primary-color,#e6e6e6);cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .2s}.secondary-button:hover{background-color:#ffffff0d;border-color:#777;border-color:var(--org-primary-color,#777);filter:brightness(1.2)}.checkbox-control{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.checkbox-control input[type=checkbox]{height:auto;margin:0;width:auto}.debug-box{outline:2px dashed red;outline-offset:-2px}.debug-toggle{background:#333;border:1px solid #555;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px;position:fixed;right:10px;top:70px;z-index:100}.spacing-debug-overlay{background:#000000d9;border:1px solid #4caf50;border-radius:4px;color:#fff;font-size:11px;left:10px;padding:8px;pointer-events:none;position:absolute;top:10px;z-index:100}.spacing-info{display:flex;flex-direction:column;gap:3px}.spacing-info strong{border-bottom:1px solid #4caf50;color:#4caf50;font-size:12px;margin-bottom:4px;padding-bottom:4px}.spacing-info span{color:#bbb}.gap-indicator{align-items:center;display:flex;height:0;justify-content:center;overflow:visible;pointer-events:none;position:relative;width:100%}.gap-indicator:after,.gap-indicator:before{background:repeating-linear-gradient(90deg,#ff5722,#ff5722 5px,#0000 0,#0000 10px);content:"";height:1px;position:absolute;top:50%;width:40%}.gap-indicator:before{left:0}.gap-indicator:after{right:0}.gap-label{background:#ff5722;border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;position:relative;transform:translateY(-50%);white-space:nowrap;z-index:1}@media (max-width:1200px){.flyer-generator-container{grid-template-columns:1fr}.flyer-preview{margin:0 auto;max-width:600px;position:static}.control-groups{flex-direction:column}}@media (max-width:600px){.purchase-info{align-items:center;flex-direction:column;gap:1rem}.purchase-text{text-align:center}}.analytics-dashboard{background-color:#f9f9f9;min-height:100vh}.qr-landing-page{align-items:center;background-color:#841617;color:#fff;display:flex;font-family:Gotham,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh}.landing-container{align-items:center;display:flex;flex-direction:column;gap:30px;max-width:600px;padding:20px;width:100%}.logo-container{margin-bottom:10px}.org-logo{max-height:80px;max-width:200px;object-fit:contain}.logo-placeholder{font-size:24px;font-weight:700;text-align:center}.content-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;color:#333;padding:30px;width:100%}.loading-indicator{flex-direction:column;gap:20px;padding:20px 0}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#841617;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{padding:20px 0;text-align:center}.error-icon{font-size:36px;margin-bottom:10px}.back-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .2s}.back-button:hover{opacity:.9;transform:translateY(-2px)}.redirect-message{text-align:center}.redirect-message h2{font-size:22px;margin-bottom:10px;margin-top:0}.redirect-message p{color:#666;margin-bottom:20px}.destination-info{background-color:#f5f5f5;border-radius:6px;margin-bottom:20px;padding:15px}.destination-info span{color:#666;display:block;font-size:14px;margin-bottom:5px}.target-url{color:#2a71d7;display:block;font-weight:500;text-decoration:none;word-break:break-all}.target-url:hover{text-decoration:underline}.countdown{font-weight:600;margin:15px 0}.button-group{display:flex;gap:10px;justify-content:center;margin-top:20px}.cancel-button,.continue-button{border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.continue-button{background-color:#841617;border:none;color:#fff}.continue-button:hover{opacity:.9;transform:translateY(-2px)}.cancel-button{background-color:#fff;color:#666}.cancel-button:hover{background-color:#f5f5f5}.footer{font-size:14px;margin-top:20px;opacity:.8;text-align:center}.dashboard-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.dashboard-header h1{color:#333;font-size:24px;margin:0}.header-actions{display:flex;gap:10px}.dashboard-tabs{background-color:#fff;border-bottom:1px solid #eee;display:flex;margin-bottom:20px;padding:0 20px}.tab-button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;position:relative}.tab-button.active{color:#023976;font-weight:600}.tab-button.active:after{background-color:#023976;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.dashboard-filters{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin:0 20px 20px;padding:15px 20px}.filter-group{flex:1 1;min-width:150px}.filter-group label{color:#555;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.period-filters{display:flex;flex-direction:column;gap:8px}.period-buttons{display:flex;flex-wrap:wrap;gap:8px}.period-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.period-button:hover{background-color:#e5e5e5}.period-button.active{background-color:#023976;border-color:#023976;color:#fff}.dashboard-section{padding:0 20px 20px}.metrics-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}@media (max-width:1024px){.metrics-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.metrics-cards{grid-template-columns:1fr}}.metric-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:15px;padding:20px}.metric-icon{font-size:30px;opacity:.8}.metric-content{flex:1 1}.metric-title{color:#666;font-size:14px;font-weight:500;margin:0 0 5px}.metric-value{color:#333;font-size:24px;font-weight:600}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}@media (max-width:768px){.charts-container{grid-template-columns:1fr}}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.chart-title{color:#333;font-size:16px;font-weight:500;margin:0 0 15px}.chart-content{min-height:200px}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-group{align-items:center;display:flex}.bar-label{color:#555;flex:0 0 130px;font-size:13px}.bar-container{background-color:#f0f0f0;border-radius:4px;flex:1 1;height:24px;overflow:hidden;position:relative}.bar{border-radius:4px;height:100%;transition:width .3s ease}.bar-value{color:#333;font-size:12px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.section-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:25px;padding:20px}.section-title{color:#333;font-size:16px;font-weight:500;margin:0 0 15px}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.data-table th{color:#555;font-size:13px;font-weight:500}.data-table tr:hover{background-color:#f9f9f9}.selected-row{background-color:#f0f7ff!important}.short-link{color:#2a71d7;font-weight:500;text-decoration:none}.short-link:hover{text-decoration:underline}.provider-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 6px}.provider-badge.bitly{background-color:#1a73e8;color:#fff}.provider-badge.yourls{background-color:#023976;color:#fff}.activity-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px}.activity-badge.create{background-color:#28a745;color:#fff}.activity-badge.scan{background-color:#fd7e14;color:#fff}.details-cell,.original-url-cell{max-width:250px}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{gap:5px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-primary{background-color:#023976;color:#fff}.btn-primary:hover{background-color:#01285c}.btn-info{background-color:#1a73e8;color:#fff}.btn-info:hover{background-color:#1567d3}.btn-danger{background-color:#d73a2a;color:#fff}.btn-danger:hover{background-color:#b73123}.btn-sm{font-size:12px;padding:4px 8px}.links-container{display:flex;gap:20px}.links-table-container{flex:1 1;min-width:0}.link-details-panel{align-self:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:0 0 350px;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}@media (max-width:1024px){.links-container{flex-direction:column}.link-details-panel{flex:0 0 auto;max-height:none;position:static}}.panel-header{border-bottom:1px solid #eee;padding:15px 20px}.panel-header h3{font-size:16px;font-weight:500;margin:0}.close-button{color:#888;font-size:20px}.panel-content{padding:20px}.link-info h4{font-size:18px;margin:0 0 15px;word-break:break-all}.info-row{margin-bottom:15px}.info-label{color:#666;display:block;font-size:13px;margin-bottom:3px}.info-value{color:#333;font-size:14px;word-break:break-word}.info-value.highlight{color:#023976;font-size:18px;font-weight:600}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.qr-code-display{margin-top:20px;text-align:center}.qr-code-display h4{font-size:16px;font-weight:500;margin:0 0 10px}.qr-image{background-color:#fff;border:1px solid #eee;border-radius:8px;display:inline-block;margin-bottom:10px;padding:15px}.qr-image img{height:auto;max-width:200px}.provider-stats,.qr-stats{margin-top:25px}.provider-stats h4,.qr-stats h4{border-bottom:1px solid #eee;font-size:16px;font-weight:500;margin:0 0 15px;padding-bottom:5px}.stats-section{margin-bottom:20px}.stats-section h5{color:#555;font-size:14px;font-weight:500;margin:0 0 10px}.device-chart,.geo-chart,.referrers-chart{display:flex;flex-direction:column;gap:8px}.loading-indicator{color:#666;font-size:16px}.empty-chart,.empty-state,.empty-table,.loading-indicator{align-items:center;display:flex;justify-content:center;padding:30px}.empty-chart,.empty-state,.empty-table{background-color:#f9f9f9;border-radius:8px;flex-direction:column;text-align:center}.empty-state h3,.error-message{font-size:16px;font-weight:500;margin:0 0 10px}.empty-chart,.empty-state p,.empty-table{color:#666;font-size:14px;margin:0 0 15px}.error-message{background-color:#fff1f0;border:1px solid #ffccc7;border-radius:8px;color:#cf1322;padding:15px}.users-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.calendar-page{margin:0 auto;max-width:var(--content-width);padding:var(--space-6)}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6);margin-top:var(--space-6)}.calendar-header h1{color:var(--foreground);font-size:1.75rem;font-weight:700}.calendar-actions,.calendar-navigation{display:flex;gap:var(--space-4)}.calendar-navigation{align-items:center;margin-bottom:var(--space-6)}.calendar-month-selector{align-items:center;display:flex;gap:var(--space-3)}.calendar-month-title{font-size:1.25rem;font-weight:600;min-width:200px;text-align:center}.calendar-nav-button{align-items:center;background:var(--background-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.calendar-nav-button:hover{background:var(--background-light);border-color:var(--primary);color:var(--primary)}.calendar-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.calendar-filter-item{flex:1 1;min-width:200px}.calendar-filter-item label{color:var(--foreground-light);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.calendar-filter-item input,.calendar-filter-item select{background-color:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);padding:var(--space-2) var(--space-3);width:100%}.calendar-grid{grid-gap:1px;background-color:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid;gap:1px;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;width:100%}.calendar-day-header{background-color:var(--background-light);color:var(--foreground);font-weight:600;padding:var(--space-3);text-align:center}.calendar-day{background-color:#fff;min-height:120px;min-width:0;overflow:hidden;padding:var(--space-2);position:relative;transition:background-color var(--transition-fast)}.calendar-day:hover{background-color:var(--background-light)}.calendar-day.not-current-month{background-color:var(--background-lighter);color:var(--foreground-muted)}.calendar-day.today{background-color:#eff6ff}.calendar-day-number{color:var(--foreground-light);font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.calendar-day.today .calendar-day-number{align-items:center;background-color:var(--primary);border-radius:var(--radius-full);color:#fff;display:flex;height:24px;justify-content:center;width:24px}.calendar-events{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.calendar-event{align-items:center;background-color:#3087f9;background-color:var(--primary,#3087f9);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.75rem;gap:4px;justify-content:space-between;max-width:100%;min-width:0;padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.calendar-event-opponent{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-time{flex-shrink:0;font-size:.7rem;opacity:.9}.calendar-event:hover{opacity:.9;transform:translateY(-1px)}:root{--football-color:#dc2626;--soccer-color:#10b981;--baseball-color:#2563eb;--mens-basketball-color:#7c3aed;--womens-basketball-color:#8b5cf6;--volleyball-color:#f59e0b;--mens-gymnastics-color:#ec4899;--womens-gymnastics-color:#f472b6;--other-color:#6b7280}.calendar-event.football{background-color:#dc2626;background-color:var(--football-color)}.calendar-event.soccer{background-color:#10b981;background-color:var(--soccer-color)}.calendar-event.baseball{background-color:#2563eb;background-color:var(--baseball-color)}.calendar-event.mens-basketball{background-color:#7c3aed;background-color:var(--mens-basketball-color)}.calendar-event.womens-basketball{background-color:#8b5cf6;background-color:var(--womens-basketball-color)}.calendar-event.volleyball{background-color:#f59e0b;background-color:var(--volleyball-color)}.calendar-event.mens-gymnastics{background-color:#ec4899;background-color:var(--mens-gymnastics-color)}.calendar-event.womens-gymnastics{background-color:#f472b6;background-color:var(--womens-gymnastics-color)}.calendar-event.other{background-color:#6b7280;background-color:var(--other-color)}.calendar-day-add-button{align-items:center;background-color:var(--background-lighter);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--foreground-light);cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:all var(--transition-fast);width:20px}.calendar-day:hover .calendar-day-add-button{opacity:1}.calendar-day-add-button:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.calendar-more-events{color:var(--foreground-muted);font-size:.75rem;margin-top:2px;text-align:center}.add-event-modal .modal-content,.event-detail-modal .modal-content,.group-modal .modal-content{background-color:#fff;max-width:700px}.group-modal .modal-content{max-height:90vh;min-height:550px;width:95%}.add-event-modal .modal-header,.event-detail-modal .modal-header,.group-modal .modal-header{background-color:var(--background-light);border-bottom:1px solid var(--border-subtle)}.add-event-modal .modal-header h2,.event-detail-modal .modal-header h2,.group-modal .modal-header h2{color:var(--foreground)}.add-event-modal .modal-close,.event-detail-modal .modal-close,.group-modal .modal-close{color:var(--foreground-muted)}.add-event-modal .modal-close:hover,.event-detail-modal .modal-close:hover,.group-modal .modal-close:hover{color:var(--error)}.add-event-modal .form-group label,.group-modal .form-group label{color:var(--foreground-light)}.add-event-modal .form-note,.group-modal .form-note{color:var(--foreground-muted)}.add-event-modal input,.add-event-modal select,.add-event-modal textarea,.group-modal input,.group-modal select,.group-modal textarea{background-color:#fff;border:1px solid var(--border-strong);color:var(--foreground)}.add-event-modal input:focus,.add-event-modal select:focus,.add-event-modal textarea:focus,.group-modal input:focus,.group-modal select:focus,.group-modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.form-tabs{background-color:var(--background-lighter);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;margin-bottom:var(--space-4);padding:0 var(--space-2)}.form-tab{background:none;border:none;color:var(--foreground-muted);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:var(--space-3) var(--space-2);position:relative;transition:all var(--transition-fast)}.form-tab.active{color:var(--primary)}.form-tab.active:after{background:var(--primary);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.form-tab:hover{color:var(--foreground)}.form-divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0}.form-section-title{color:var(--foreground);font-size:1rem;font-weight:600;margin-bottom:var(--space-4)}.selected-group-info,.selected-sport-info{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--foreground);font-weight:500;padding:var(--space-3)}.event-header{background-color:var(--background-light);margin-bottom:var(--space-6);padding:var(--space-4)}.event-header,.event-sport-icon{align-items:center;border-radius:var(--radius-md);display:flex}.event-sport-icon{box-shadow:var(--shadow-md);color:#fff;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-right:var(--space-4);min-width:48px;width:48px}.event-title-container{flex:1 1;min-width:0;text-align:left}.event-title-container h2{color:var(--foreground);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1);margin-top:0;text-align:left}.event-title-container .event-date{text-align:left}.event-date{color:var(--foreground-light);font-size:.95rem}.event-details{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6);padding:var(--space-4)}.event-detail-item{margin-bottom:var(--space-2)}.event-detail-label{color:var(--foreground-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.event-detail-value{color:var(--foreground);font-size:1rem;font-weight:500}.event-notes{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.event-notes-title{color:var(--foreground);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.event-notes-content{color:var(--foreground-light);font-size:.95rem;line-height:1.5;white-space:pre-line}.event-groups{margin-bottom:var(--space-6);padding:var(--space-4)}.event-groups-title{font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.event-group-item,.event-groups-title{align-items:center;color:var(--foreground);display:flex;font-size:.875rem;justify-content:space-between}.event-group-item{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.event-group-item:hover{background-color:var(--primary-light);border-color:var(--primary)}.event-group-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.event-group-name{color:var(--foreground);font-weight:600}.event-group-rep{color:var(--primary);font-size:.75rem;font-weight:500}.event-groups-list{display:flex;flex-direction:column;gap:var(--space-2)}.group-description{font-size:.9rem;line-height:1.4;white-space:pre-wrap}.group-search-container{position:relative}.group-search-wrapper{align-items:center;display:flex;position:relative}.group-search-wrapper input{padding-right:36px;width:100%}.group-search-clear{background:none;border:none;color:var(--foreground-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:4px;position:absolute;right:8px}.group-search-clear:hover{color:var(--foreground)}.group-search-dropdown{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.group-search-section{border-bottom:1px solid var(--border-subtle)}.group-search-section:last-child{border-bottom:none}.group-search-section-title{background:var(--background-lighter);color:var(--foreground-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-transform:uppercase}.group-search-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;padding:var(--space-3);transition:background-color var(--transition-fast)}.group-search-item:last-child{border-bottom:none}.group-search-item:hover{background-color:var(--primary-light)}.group-search-item-name{color:var(--foreground);font-weight:500}.group-search-item-rep{color:var(--primary);font-size:.8rem;margin-top:2px}.group-search-create{background-color:var(--background-light);border-top:1px solid var(--border-subtle)}.group-search-create .group-search-item-name{color:var(--primary)}.group-search-create:hover{background-color:var(--primary)}.group-search-create:hover .group-search-item-name{color:#fff}.group-search-more{font-size:.8rem;padding:var(--space-2) var(--space-3)}.group-search-empty,.group-search-more{color:var(--foreground-muted);font-style:italic;text-align:center}.group-search-empty,.selected-group-card{padding:var(--space-4)}.selected-group-card{background:var(--background-light);border:1px solid var(--primary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.selected-group-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.selected-group-name{color:var(--foreground);font-size:1.1rem;font-weight:600}.selected-group-change{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.selected-group-change:hover{color:var(--primary-dark)}.selected-group-rep{color:var(--primary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-1)}.selected-group-description{color:var(--foreground-light);font-size:.875rem;line-height:1.4}.selected-group-contact{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3)}.selected-group-contact-label{color:var(--foreground-muted);font-weight:500}.selected-group-contact-name{color:var(--foreground)}.selected-group-contact-email{color:var(--primary);text-decoration:none}.selected-group-contact-email:hover{text-decoration:underline}.new-group-form{background:var(--background-lighter);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.new-group-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.new-group-header span{color:var(--foreground);font-weight:600}.new-group-cancel{background:none;border:none;color:var(--foreground-muted);cursor:pointer;font-size:.875rem;padding:0}.new-group-cancel:hover{color:var(--error)}.new-group-form .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.new-group-form .form-row{grid-template-columns:1fr}}.event-group-item button{align-items:center;background:none;border:none;color:var(--foreground-muted);cursor:pointer;display:flex;font-size:1rem;margin-left:var(--space-1);padding:0}.event-group-item button:hover{color:var(--error)}.event-link{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--foreground);margin-bottom:var(--space-6);padding:var(--space-3);word-break:break-all}.event-link a{color:var(--primary);font-weight:500}.event-actions{background-color:var(--background-lighter);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-4);justify-content:flex-end}.event-actions,.event-detail-modal .modal-body,.group-modal .modal-body{padding:var(--space-4)}.group-modal form{padding:var(--space-6) var(--space-8)}.group-modal .form-group{margin-bottom:var(--space-6)}.group-modal .form-group label{font-size:.95rem;margin-bottom:var(--space-2)}.group-modal .form-group input,.group-modal .form-group textarea{font-size:1rem;padding:var(--space-3) var(--space-4)}.group-modal .form-actions{border-top:1px solid var(--border-subtle);margin-top:var(--space-8);padding-top:var(--space-5)}.event-detail-modal .secondary-button,.group-modal .secondary-button{background-color:var(--background-light);border:1px solid var(--border-strong);color:var(--foreground)}.event-detail-modal .secondary-button:hover,.group-modal .secondary-button:hover{background-color:var(--background-lighter);border-color:var(--primary);color:var(--primary)}.add-event-modal .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-4)}.form-note{color:var(--foreground-muted);font-size:.875rem;font-style:italic}@media (max-width:768px){.add-event-modal .form-row,.event-details{grid-template-columns:1fr}.calendar-day{min-height:80px}.calendar-day-header{font-size:.75rem;padding:var(--space-2)}.calendar-day-number{font-size:.75rem}}.calendar-list-view{display:none}@media (max-width:640px){.calendar-grid{display:none}.calendar-list-view{display:block}.calendar-list-day{margin-bottom:var(--space-4)}.calendar-list-date{background-color:var(--background-light);border-radius:var(--radius-md);color:var(--foreground);font-weight:600;margin-bottom:var(--space-2);padding:var(--space-3)}.calendar-list-events{padding-left:var(--space-4)}.calendar-list-event{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-2);padding:var(--space-3);transition:all var(--transition-fast)}.calendar-list-event:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.calendar-list-event-title{font-weight:600;margin-bottom:var(--space-1)}.calendar-list-event-details{color:var(--foreground-light);font-size:.875rem}}.secondary-button.danger{border-color:var(--error);color:var(--error)}.secondary-button.danger:hover{background-color:var(--error);border-color:var(--error);color:#fff}.admin-dashboard{margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-6);padding-top:0}.admin-container{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:10px;overflow:hidden}.admin-header{background:linear-gradient(90deg,#3087f9,#6bafff);color:#fff;padding:var(--space-8) var(--space-8) var(--space-6)}.admin-header h1{font-size:2rem;font-weight:700;margin:0 0 var(--space-2) 0}.admin-header p{font-size:1rem;margin:0;opacity:.9}.admin-tabs{background-color:var(--background-light);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-8)}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--foreground-muted);cursor:pointer;font-weight:500;padding:var(--space-4) var(--space-6);transition:all var(--transition-normal)}.admin-tab.active,.admin-tab:hover{color:var(--primary)}.admin-tab.active{border-bottom-color:var(--primary)}.admin-tab-content{padding:var(--space-8)}.admin-stats-row{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--space-8)}.admin-stat-card{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.admin-stat-card h3{color:var(--foreground-muted);font-size:.9rem;font-weight:500;margin:0 0 var(--space-2) 0}.stat-value{color:var(--foreground);font-size:2.5rem;margin-bottom:var(--space-2)}.stat-trend{color:var(--foreground-muted);font-size:.85rem}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.admin-quick-actions{margin-bottom:var(--space-8)}.admin-quick-actions h3,.admin-recent-users h3{color:var(--foreground);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-4) 0}.admin-actions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-action-btn{align-items:center;background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--space-5) var(--space-4);text-align:center;transition:all var(--transition-normal)}.admin-action-btn:hover{background-color:#3087f914;border-color:var(--primary);box-shadow:var(--shadow-md);color:var(--primary)!important;transform:translateY(-2px)}.action-icon{color:var(--primary);font-size:1.5rem;margin-bottom:var(--space-3)}.action-label{color:var(--foreground);font-weight:500;transition:color var(--transition-normal)}.admin-action-btn:hover .action-label{color:var(--primary)}.admin-table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background-color:var(--background-light);color:var(--foreground-light);font-weight:600;text-align:left}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-subtle);padding:var(--space-4)}.admin-table td{color:var(--foreground)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#3087f90d}.role-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.role-badge.admin{background-color:var(--primary);color:#fff}.role-badge.user{background-color:var(--foreground-muted);color:#fff}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.admin-section-header h2{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.admin-primary-button{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--transition-normal)}.admin-primary-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.admin-secondary-button{background-color:var(--background-light);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-5);transition:all var(--transition-normal)}.admin-secondary-button:hover{background-color:var(--background);border-color:var(--primary);color:var(--primary)}.admin-info-box{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.admin-info-icon{color:var(--primary);flex-shrink:0;font-size:1.5rem}.admin-info-box p{color:var(--foreground-light);font-size:.95rem;line-height:1.5;margin:0}.admin-info-box-warning{background-color:#ffdcbe4d;border-color:#ff99334d}.admin-info-box-warning .admin-info-icon{color:#f93}.admin-tips-box{background-color:#f0f9ffb3;border:1px solid #88c2e64d;border-radius:var(--radius-md);display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.admin-tips-box .admin-info-icon{color:#3498db;flex-shrink:0;font-size:1.5rem}.admin-tips-box p{color:var(--foreground-light);font-size:.95rem;line-height:1.5;margin:0}.admin-tips-box ul{margin:.5rem 0 0;padding-left:1.5rem}.admin-tips-box li{color:var(--foreground-light);font-size:.9rem;margin-bottom:.25rem}.role-select{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--space-1) var(--space-2)}.role-select.disabled{background-color:var(--background-light);cursor:not-allowed;opacity:.4}.admin-actions-cell{display:flex;gap:var(--space-2)}.admin-icon-button{background:none;border-radius:var(--radius-sm);font-size:1rem;padding:var(--space-1)}.admin-icon-button:hover{background-color:var(--background-light)}.admin-icon-button.delete:hover{background-color:#3087f91a;color:var(--primary)}.admin-icon-button.disabled{cursor:not-allowed;opacity:.4}.admin-icon-button.disabled:hover{background-color:initial;box-shadow:none;transform:scale(1)}.admin-settings-container{display:flex;flex-direction:column;gap:var(--space-8)}.admin-settings-group{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.admin-settings-group h3{border-bottom:1px solid var(--border-subtle);color:var(--foreground);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3)}.admin-form-group{margin-bottom:var(--space-4)}.admin-form-group label{color:var(--foreground-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--space-2)}.admin-form-group input[type=email],.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group select{background-color:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);font-size:.95rem;padding:var(--space-3);width:100%}.admin-form-group input:focus,.admin-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.admin-form-help{color:var(--foreground-muted);font-size:.8rem;margin:var(--space-2) 0 0 0}.admin-form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.admin-form-group.half{flex:1 1;margin-bottom:0}.color-input-group{gap:var(--space-2)}.color-input-group input[type=color]{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:40px;padding:0;width:40px}.color-text-input{font-size:.95rem}.admin-file-upload{align-items:center;display:flex;gap:var(--space-4)}.admin-upload-preview{align-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.admin-placeholder-logo{color:var(--foreground-muted);font-size:.8rem;font-weight:500}.admin-fonts-display{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-3)}.admin-font-card{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.admin-font-card h4{color:var(--foreground);font-size:.95rem;font-weight:600;margin:0 0 var(--space-2) 0}.admin-font-upload-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:var(--space-4)}.admin-font-upload-card{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6)}.admin-font-upload-card h3{border-bottom:1px solid var(--border-subtle);color:var(--foreground);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2)}.font-preview{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;font-size:.85rem;justify-content:center;line-height:1.5;margin-bottom:var(--space-3);margin-top:var(--space-3);min-height:80px;padding:var(--space-3)}.font-upload-controls{align-items:center;display:flex;gap:var(--space-3);margin:var(--space-4) 0}.file-upload-button{background-color:var(--background-light);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;display:inline-block;font-size:.9rem;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.file-upload-button:hover{background-color:var(--background);border-color:var(--primary);color:var(--primary)}.font-upload-button{margin-top:var(--space-2);width:100%}.upload-error{color:#f44336}.upload-error,.upload-success{font-size:.8rem;margin:var(--space-2) 0}.upload-success{color:#4caf50}@media (max-width:768px){.admin-dashboard{padding:var(--space-4);padding-top:0}.admin-header{padding:var(--space-6) var(--space-4) var(--space-4)}.admin-tabs{overflow-x:auto;padding:0 var(--space-4)}.admin-tab{padding:var(--space-3) var(--space-4);white-space:nowrap}.admin-tab-content{padding:var(--space-4)}.admin-section-header{align-items:flex-start}.admin-form-row,.admin-section-header{flex-direction:column;gap:var(--space-4)}}.image-viewer-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.image-viewer-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.image-viewer-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-4)}.image-viewer-header h2{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.image-viewer-content{align-items:center;display:flex;justify-content:center;max-height:calc(90vh - 80px);overflow:auto}.full-size-image{max-height:calc(90vh - 120px);max-width:100%;object-fit:contain}.admin-sports-overview{margin-top:var(--space-6)}.admin-sports-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--space-4)}.admin-sport-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.admin-sport-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-sport-header{border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.admin-sport-header h4{align-items:center;color:var(--foreground);display:flex;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0;min-height:2.8rem}.admin-sport-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-text-button{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;height:36px;justify-content:center;min-width:120px;padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-normal)}.admin-text-button.upload{background:var(--primary);box-shadow:0 2px 4px #3087f933;color:#fff}.admin-text-button.upload:hover{background:var(--primary-dark);box-shadow:0 4px 6px #3087f94d;transform:translateY(-1px)}.admin-text-button.view{background:var(--background-light);border:1px solid var(--border-subtle);color:var(--foreground)}.admin-text-button.view:hover{background:var(--background-hover);border-color:var(--border-strong)}.admin-icon-button{align-items:center;background:var(--background-light);border:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.admin-icon-button:hover{background:var(--background-hover);border-color:var(--border-strong)}.admin-icon-button.delete{color:var(--danger)}.admin-icon-button.delete:hover{background:var(--danger-light);border-color:var(--danger)}.admin-sport-image-container{aspect-ratio:16/9;background:var(--background-light);max-height:150px;overflow:hidden;position:relative}.admin-sport-image-wrapper{height:100%;position:relative;width:100%}.admin-sport-image{height:100%;object-fit:contain;width:100%}.admin-sport-image-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;justify-content:flex-end;left:0;padding:var(--space-2);position:absolute;right:0}.admin-sport-image-badge{background:var(--primary);border-radius:var(--radius-sm);color:#fff;font-size:.8rem;font-weight:500;padding:var(--space-1) var(--space-2)}.admin-sport-placeholder{align-items:center;color:var(--foreground-muted);display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;width:100%}.admin-sport-placeholder-icon{font-size:2rem;margin-bottom:var(--space-2)}.admin-sport-placeholder p{font-size:.9rem;margin:0}.admin-error-message{background-color:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);font-size:.9rem;margin:var(--space-4) 0;padding:var(--space-3) var(--space-4)}.add-sport-form{align-items:center;display:flex;gap:var(--space-3)}.add-sport-form .admin-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:.95rem;padding:var(--space-2) var(--space-3);width:300px}.add-sport-form .admin-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.image-viewer-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-viewer-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:90vw;padding:var(--space-4);position:relative}.image-viewer-content img{border-radius:var(--radius-md);max-height:80vh;max-width:100%;object-fit:contain}.image-viewer-close{align-items:center;background:var(--background-light);border:none;border-radius:50%;color:var(--foreground);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-normal);width:32px}.image-viewer-close:hover{background:var(--background-hover)}.create-user-modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-user-modal{background-color:#fff;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 10px 30px #0003;max-width:90%;overflow:hidden;width:500px}.create-user-modal-header{align-items:center;background-color:var(--background-light);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem}.create-user-modal-header h2{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.create-user-modal-body{padding:1.5rem}.create-user-info-box{background-color:var(--background-light);border:1px solid var(--border-subtle);border-radius:6px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.create-user-info-icon{color:var(--primary);font-size:1.5rem}.create-user-info-box p{color:var(--foreground-light);font-size:.9rem;margin:0}.create-user-error{align-items:center;background-color:#f443361a;border:1px solid #f443364d;border-radius:6px;color:#f44336;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.create-user-error-icon{font-size:1rem}.create-user-success{align-items:center;background-color:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.create-user-success-icon{font-size:1rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--foreground-light);font-size:.9rem}.form-group input,.form-group select{background-color:#fff;border:1px solid var(--border-strong);border-radius:4px;color:var(--foreground);font-size:.95rem;padding:.75rem;width:100%}.form-help{color:var(--foreground-muted);font-size:.8rem;margin:.5rem 0 0}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3087f933;outline:none}.form-checkbox-group{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.form-checkbox-group input[type=checkbox]{height:16px;width:16px}.form-checkbox-group label{color:var(--foreground);font-size:.9rem}.create-user-actions{display:flex;gap:1rem;justify-content:flex-end}.create-user-cancel-button{background-color:var(--background-light);border:1px solid var(--border-strong);border-radius:4px;color:var(--foreground);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s}.create-user-cancel-button:hover{background-color:var(--background);color:var(--foreground-light)}.create-user-submit-button{background:var(--primary-gradient);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.create-user-submit-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.create-user-cancel-button:disabled,.create-user-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.role-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}@media (max-width:640px){.create-user-actions{flex-direction:column;gap:.75rem}.create-user-cancel-button,.create-user-submit-button{width:100%}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.sport-image-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sport-image-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.sport-image-modal-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-4)}.sport-image-modal-header h2{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0}.close-button{color:var(--foreground-muted);font-size:1.5rem;line-height:1;padding:var(--space-1);transition:color var(--transition-normal)}.close-button:hover{color:var(--foreground)}.sport-image-modal-content{display:flex;flex:1 1;flex-direction:column;max-height:calc(80vh - 100px);overflow-y:auto;padding:var(--space-3)}.upload-area{display:flex;flex-direction:column;gap:var(--space-6)}.upload-instructions{text-align:center}.upload-instructions h3{color:var(--foreground);font-size:1.1rem;margin:0 0 var(--space-2) 0}.upload-instructions p{color:var(--foreground-muted);line-height:1.5;margin:0}.upload-tip{color:var(--foreground-light);font-size:.9rem;margin-top:var(--space-2)!important}.file-upload-box{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.file-upload-box input[type=file]{display:none}.upload-button{align-items:center;background:var(--primary);border-radius:var(--radius-md);box-shadow:0 2px 4px #3087f933;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-width:200px;padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.upload-button:hover{background:var(--primary-dark);box-shadow:0 4px 6px #3087f94d;transform:translateY(-1px)}.file-name{color:var(--foreground-muted);font-size:.9rem}.current-image{margin-top:var(--space-5);text-align:center}.current-image h3{color:var(--foreground);font-size:1rem;margin:0 0 var(--space-3) 0}.current-image-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.compact-image,.current-image img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:300px;max-width:100%;object-fit:contain}.image-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.view-button{background:var(--background-light);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:.85rem;padding:var(--space-1) var(--space-3);transition:all var(--transition-normal)}.view-button:hover{background:var(--primary-lightest);transform:translateY(-1px)}.preview-area{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.preview-header h3{color:var(--foreground);font-size:1.1rem;margin:0}.preview-area p{color:var(--foreground-muted);margin:0;margin-bottom:var(--space-3);text-align:left}.preview-layout{align-items:flex-start;display:flex;gap:var(--space-6);height:calc(40vh + 10px);min-height:250px}.preview-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.preview-sidebar{background:var(--background-light);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-3);width:200px}.preview-image{border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:350px;max-width:100%;object-fit:contain}.crop-sidebar button,.preview-sidebar button{border-radius:var(--radius-md);font-weight:500;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);text-align:center;transition:all var(--transition-normal);width:100%}.back-to-crop-button{background:var(--background-light);border:1px solid var(--primary);color:var(--primary)}.back-to-crop-button:hover{background:var(--primary-lightest);transform:translateY(-1px)}.crop-button{background:var(--primary);border:none;box-shadow:0 2px 4px #3087f933;color:#fff}.crop-button:hover{background:var(--primary-dark);box-shadow:0 4px 6px #3087f94d;transform:translateY(-1px)}.reset-button{background:var(--background-light);border:1px solid var(--border-subtle);color:var(--foreground)}.reset-button:hover{background:var(--background-hover);border-color:var(--border-strong)}.crop-area{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.crop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.crop-header h3{color:var(--foreground);font-size:1.1rem;margin:0}.crop-area p{color:var(--foreground-muted);font-size:.9rem;margin:0;margin-bottom:var(--space-1);text-align:left}.crop-tip{color:var(--foreground-light);font-size:.85rem;margin:var(--space-2) 0;text-align:left}.crop-layout{align-items:flex-start;display:flex;gap:var(--space-6);height:calc(40vh + 10px);margin-bottom:var(--space-2);min-height:250px}.crop-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.crop-sidebar{background:var(--background-light);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-3);width:200px}.sport-image-modal-footer{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4)}.cancel-button,.confirm-button{border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.cancel-button{background:var(--background-light);border:1px solid var(--border-subtle);color:var(--foreground)}.cancel-button:hover{background:var(--background-hover);border-color:var(--border-strong)}.confirm-button{background:var(--primary);border:none;box-shadow:0 2px 4px #3087f933;color:#fff}.confirm-button:hover{background:var(--primary-dark);box-shadow:0 4px 6px #3087f94d;transform:translateY(-1px)}.confirm-button:disabled{background:var(--foreground-muted);box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);font-size:.9rem;margin-bottom:var(--space-4);padding:var(--space-3)}.error-message p{margin:0}.admin-initialization{background-color:#f7f7f7;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.mock-mode-banner{background-color:#ff9800;border-radius:8px 8px 0 0;color:#fff;font-weight:700;margin:-2rem -2rem 2rem;padding:10px;text-align:center}.admin-initialization h2{color:#841617;margin-bottom:1.5rem;text-align:center}.admin-initialization h3{border-bottom:1px solid #ddd;color:#333;margin-bottom:1rem;padding-bottom:.5rem}.admin-initialization h4{color:#555;margin:1rem 0 .5rem}.admin-initialization form{margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#444;margin-bottom:.5rem}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input[type=color]{height:40px;padding:.25rem}.form-divider{border-bottom:1px solid #ddd;color:#841617;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.file-upload-container{gap:1rem}.logo-preview{align-items:center;background-color:#fff;border:1px solid #ddd;display:flex;justify-content:center;padding:1rem}.logo-preview img{max-height:100px;max-width:200px}.form-help{font-style:italic;margin-top:.25rem}.admin-back-link{margin-bottom:1.5rem}.admin-text-button{background:none;border:none;box-shadow:none;color:#841617;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.admin-text-button:hover{background:none;color:#6a1112;text-decoration:underline}.admin-secondary-button{background-color:#fff;border:1px solid #841617;color:#841617;margin-right:10px}.admin-secondary-button:hover{background-color:#f8f8f8}button{background-color:#841617;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}button:hover{background-color:#6a1112}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;color:#d32f2f}.error-message,.success-message{margin-bottom:1rem;padding:.75rem}.success-message{background-color:#e8f5e9;color:#2e7d32}.loading{margin:1rem 0}.org-list{list-style:none;padding:0}.org-list li{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:.5rem;padding:1rem}.action-buttons{display:flex;justify-content:center;margin-top:1.5rem}.action-buttons button{margin:0 .5rem}.quick-initialize{background-color:#fff;border-left:4px solid #841617;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.setup-complete{text-align:center}.setup-complete h3{border-bottom:none;color:#2e7d32}.setup-complete p{margin-bottom:1rem}.admin-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.admin-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.admin-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.close-button:hover{color:#333}.admin-modal-content{overflow-y:auto;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.form-group input[disabled]{background-color:#f5f5f5;cursor:not-allowed}.form-group input[type=color]{border:1px solid #ddd;border-radius:4px;height:35px;padding:2px;width:50px}.color-input-group{align-items:center;display:flex;gap:10px}.color-text-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:monospace;max-width:100px;padding:8px 12px;text-transform:uppercase}.form-divider{border-bottom:1px solid #eee;color:#666;font-weight:700;margin:20px 0 15px;padding-bottom:8px}.form-help{color:#666;font-size:.85rem;margin-top:5px}.file-upload-container{display:flex;flex-direction:column}.logo-preview{background-color:#f5f5f5;border-radius:4px;margin-top:10px;max-width:100px;padding:5px}.logo-preview img{height:auto;max-width:100%}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-bottom:20px;padding:10px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#212529;cursor:pointer;padding:9px 20px}.cancel-button:hover{background-color:#e2e6ea}.organization-roles-list{margin-bottom:20px}.roles-table{border-collapse:collapse;margin-bottom:10px;width:100%}.roles-table td,.roles-table th{border-bottom:1px solid #eee;padding:8px 12px;text-align:left}.no-roles{color:#666;font-style:italic}.add-role-section{background-color:#f8f9fa;border-radius:4px;margin-top:15px;padding:15px}.role-selection-row{align-items:flex-end;display:flex;gap:10px}.role-selection-row .form-group{flex-grow:1;margin-bottom:0}.add-button.small{font-size:.9rem;height:38px;padding:0 15px}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:5px 10px}.delete-button:hover{background-color:#c82333}.super-admin-dashboard{background-color:#f7f9fc;color:#333;font-family:Gotham,Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.super-admin-dashboard h1{border-bottom:2px solid #3087f9;color:#333;font-weight:700;margin-bottom:20px;padding-bottom:10px}.access-denied{border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:20px 0;padding:20px;text-align:center}.access-denied,.error-message{background-color:#f8d7da;color:#721c24}.error-message{border-radius:4px;margin-bottom:20px;padding:10px}.loading{color:#666;font-style:italic;padding:30px;text-align:center}.admin-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-shadow:0 2px 10px #0000000d;display:flex;margin-bottom:30px;overflow:hidden}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:15px 25px;transition:all .3s ease}.admin-tabs button.active,.admin-tabs button:hover{background-color:#f0f7ff;color:#3087f9}.admin-tabs button.active{border-bottom:3px solid #3087f9;font-weight:700}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.panel-header h2{margin:0}.add-button{align-items:center;background-color:#3087f9;border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:700;padding:10px 20px;transition:all .2s ease}.add-button:hover{background-color:#2a75d0;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}table{background-color:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden;width:100%}thead{background-color:#f0f7ff}td,th{border-bottom:1px solid #eaedf3;padding:15px 20px;text-align:left}th{color:#3a3a3a;font-size:.8em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tr:last-child td{border-bottom:none}tr:hover{background-color:#f9fcff}.action-button{background-color:#f0f7ff;border:1px solid #d0e1fc;border-radius:6px;color:#3087f9;cursor:pointer;font-size:.9em;font-weight:500;margin-right:8px;padding:6px 12px;transition:all .2s ease}.action-button:hover{background-color:#e0edff;border-color:#b5d1fc;transform:translateY(-1px)}.settings-section{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.settings-section h3{border-bottom:1px solid #eee;margin-bottom:15px;margin-top:0;padding-bottom:10px}.setting-group{margin-bottom:15px}.setting-group label{display:block;font-weight:500;margin-bottom:5px}.setting-group input[type=password],.setting-group input[type=text]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.save-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.save-button:hover{background-color:#218838}.analytics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}.stat-card{background-color:#fff;border-radius:10px;border-top:4px solid #3087f9;box-shadow:0 4px 15px #0000000d;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.stat-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin-top:0;text-transform:uppercase}.stat-value{color:#3087f9;font-size:36px;font-weight:700;margin-top:15px}.chart-placeholder{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d;margin-bottom:30px;padding:25px}.placeholder-chart{align-items:center;background-color:#f0f7ff;border:2px dashed #d0e1fc;border-radius:6px;color:#7ca7e8;display:flex;font-style:italic;height:300px;justify-content:center}
/*# sourceMappingURL=main.aef2725b.css.map*/