@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.btn{border-radius:8px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;box-shadow:0 4px 16px #4caf5080;font-weight:600;letter-spacing:.3px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.btn-secondary{background-color:var(--primary-navy);color:#fff}.btn-secondary:hover:not(:disabled){opacity:.9}.btn-outline{background-color:#fffffff2;color:var(--primary-green-dark);border:2px solid var(--primary-green);font-weight:600;letter-spacing:.3px}.btn-outline:hover:not(:disabled){background-color:var(--primary-green);color:#fff;border-color:var(--primary-green-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-sm{padding:8px 16px;font-size:13px}.btn-md{padding:12px 24px;font-size:14px}.btn-lg{padding:16px 32px;font-size:16px}.btn-full-width{width:100%}@media(max-width:768px){.btn-md{padding:11px 20px}.btn-lg{padding:14px 24px;font-size:15px}}@media(max-width:480px){.btn{gap:6px}.btn-sm{padding:8px 14px;font-size:12px}.btn-md{padding:10px 18px;font-size:13px}.btn-lg{padding:13px 20px;font-size:14px}}.public-layout{min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--light-background)}.public-nav-toggle,.public-nav-close,.public-nav-backdrop{display:none}.public-layout:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff0d;z-index:0;pointer-events:none}.public-header,.public-layout main,.public-footer{position:relative;z-index:1}.public-header{background-color:var(--card-surface);border-bottom:1px solid var(--border-slate);padding:16px 0;position:sticky;top:0;z-index:100}.public-header .container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:700;color:var(--primary-navy)}.nav{display:flex;align-items:center;gap:32px}.nav a{color:var(--text-secondary);font-size:14px;font-weight:500}.nav a:hover{color:var(--primary-navy)}.instagram-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:500}.instagram-link:hover{color:#e4405f}.instagram-link:before{content:"📷";font-size:16px}.public-layout main{flex:1}.public-footer{background-color:var(--card-surface);border-top:1px solid var(--border-slate);padding:24px 0;margin-top:auto}.public-footer .container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:24px 0;color:var(--text-secondary);font-size:14px}.footer-social{display:flex;align-items:center;gap:16px}.footer-instagram-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.footer-instagram-link:hover{color:#e4405f}.footer-instagram-link:before{content:"📷";font-size:18px}@media(max-width:1024px){.public-header .container,.public-footer .container{padding:0 20px}.nav{gap:20px}}@media(max-width:768px){.public-header{padding:14px 0}.public-header .container{padding:0 16px}.public-nav-toggle{display:inline-flex;width:44px;height:44px;border-radius:12px;background-color:var(--card-surface);border:1px solid var(--border-slate);align-items:center;justify-content:center;flex-direction:column;gap:4px;box-shadow:0 10px 24px #1b5e201f;z-index:1200}.public-nav-toggle span{display:block;width:18px;height:2px;background-color:var(--primary-navy);border-radius:999px}.public-nav-backdrop{display:block;position:fixed;inset:0;background-color:#0b122080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1150}.public-nav-backdrop.visible{opacity:1;pointer-events:auto}.nav{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);padding:80px 20px 24px;background-color:var(--card-surface);border-left:1px solid var(--border-slate);box-shadow:-16px 0 32px #1b5e201f;flex-direction:column;align-items:stretch;gap:16px;transform:translate(100%);transition:transform .24s ease;z-index:1201;overflow-y:auto;overscroll-behavior:contain}.nav.nav--open{transform:translate(0)}.nav a{display:block;font-size:15px}.public-nav-close{display:inline-flex;position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:10px;background-color:var(--light-background);border:1px solid var(--border-slate);color:var(--primary-navy);align-items:center;justify-content:center;font-size:20px;line-height:1}.instagram-link{justify-content:flex-start}.footer-content{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.public-header .container,.public-footer .container{padding:0 12px}.nav{width:min(88vw,320px);padding:76px 16px 20px}.public-footer{padding:20px 0}.footer-content{padding:18px 0;font-size:13px}}.app-layout{display:flex;min-height:100vh;background-color:var(--light-background)}.mobile-menu-toggle,.mobile-nav-close,.sidebar-backdrop{display:none}.sidebar{width:240px;background-color:var(--card-surface);border-right:1px solid var(--border-slate);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;overflow-y:auto;overscroll-behavior:contain}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-slate);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header .logo{font-size:20px;font-weight:700;color:var(--primary-navy)}.sidebar-nav{flex:1;padding:16px 0}.nav-item{display:block;padding:12px 24px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s}.nav-item:hover{background-color:var(--light-background);color:var(--primary-navy)}.nav-item.active{background-color:var(--light-background);color:var(--primary-green);border-right:3px solid var(--primary-green)}.sidebar-footer{padding:16px 24px;border-top:1px solid var(--border-slate)}.logout-btn{width:100%;padding:10px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-slate);border-radius:8px;font-size:14px}.logout-btn:hover{background-color:var(--light-background);color:var(--error);border-color:var(--error)}.app-main{flex:1;margin-left:240px;padding:32px;max-width:calc(100vw - 240px);width:100%;min-width:0}@media(max-width:1024px){.app-main{padding:24px}}@media(max-width:768px){.app-layout{display:block}.mobile-menu-toggle{display:inline-flex;position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;z-index:1100;width:48px;height:48px;border-radius:12px;background-color:var(--card-surface);border:1px solid var(--border-slate);box-shadow:0 12px 28px #1b5e201f;align-items:center;justify-content:center;flex-direction:column;gap:4px}.mobile-menu-toggle span{display:block;width:18px;height:2px;background-color:var(--primary-navy);border-radius:999px}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1050;background-color:#0b122085;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar{width:min(82vw,320px);transform:translate(-100%);transition:transform .24s ease;z-index:1101;box-shadow:16px 0 32px #1b5e2029}.sidebar.sidebar--open{transform:translate(0)}.mobile-nav-close{display:inline-flex;width:36px;height:36px;border-radius:10px;background-color:var(--light-background);border:1px solid var(--border-slate);color:var(--primary-navy);align-items:center;justify-content:center;font-size:24px;line-height:1;flex-shrink:0}.app-main{margin-left:0;max-width:100%;padding:calc(max(16px,env(safe-area-inset-top)) + 68px) 16px 20px}}@media(max-width:480px){.sidebar{width:min(88vw,320px)}.sidebar-header{padding:20px 18px}.nav-item{padding:12px 18px}.sidebar-footer{padding:16px 18px}.app-main{padding:calc(max(12px,env(safe-area-inset-top)) + 68px) 12px 16px}}.card{background-color:var(--card-surface);border:1px solid var(--border-slate);border-radius:12px;padding:24px;box-shadow:0 2px 8px #4caf501a;transition:all .3s}.card:hover{box-shadow:0 6px 16px #4caf5033;transform:translateY(-2px);border-color:#4caf504d}@media(max-width:768px){.card{padding:20px}}@media(max-width:480px){.card{padding:16px;border-radius:10px}}.instagram-feed{width:100%;padding:80px 0}.instagram-feed-loading{text-align:center;padding:80px 0;color:var(--text-secondary)}.instagram-feed-header{text-align:center;margin-bottom:48px}.instagram-feed-header h2{margin-bottom:16px}.instagram-feed-header p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.instagram-profile-link{display:inline-flex;align-items:center;gap:8px;color:#e4405f;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s}.instagram-profile-link:hover{opacity:.8}.instagram-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}.instagram-post{padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.instagram-post:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.instagram-post-link{display:block;text-decoration:none;color:inherit}.instagram-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--light-background)}.instagram-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.instagram-post:hover .instagram-image{transform:scale(1.05)}.instagram-overlay{position:absolute;inset:0;background-color:#0000;display:flex;align-items:center;justify-content:center;transition:background-color .3s;opacity:0}.instagram-post:hover .instagram-overlay{background-color:#0000004d;opacity:1}.instagram-icon{font-size:32px;color:#fff;transform:scale(0);transition:transform .3s}.instagram-post:hover .instagram-icon{transform:scale(1)}.instagram-caption{padding:16px;background-color:var(--card-surface)}.instagram-caption p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}@media(max-width:768px){.instagram-feed{padding:56px 0}.instagram-feed-header{margin-bottom:32px}.instagram-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:0 16px}}@media(max-width:480px){.instagram-feed{padding:48px 0}.instagram-feed-loading{padding:48px 0;font-size:13px}.instagram-feed-header p,.instagram-profile-link,.instagram-caption p{font-size:14px}.instagram-grid{grid-template-columns:1fr;gap:12px;padding:0 12px}}.landing{width:100%;position:relative;background-attachment:fixed;background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:100vh;background-color:#070b0a;background-image:var(--landing-bg-desktop)}.landing:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff0d;z-index:0;pointer-events:none}.landing>*{position:relative;z-index:1}.landing section{padding:80px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{background:linear-gradient(135deg,#1b5e20a6,#2196f38c);color:#fff;text-align:center;padding:140px 0;position:relative;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-shadow:3px 3px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.3);border-bottom:3px solid rgba(76,175,80,.4)}.hero h1{font-size:56px;margin-bottom:28px;color:#fff;font-weight:800;letter-spacing:-.5px;line-height:1.1;text-shadow:3px 3px 10px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.4)}.hero-subtitle{font-size:22px;color:#fffffff2;max-width:750px;margin:0 auto 48px;line-height:1.7;font-weight:400;text-shadow:2px 2px 6px rgba(0,0,0,.7)}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.how-it-works-preview{background-color:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.how-it-works-preview h2,.what-you-get h2,.visual-proof h2,.faq h2{text-align:center;margin-bottom:48px;font-size:36px;font-weight:700;color:var(--primary-navy);letter-spacing:-.3px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.step-card{text-align:center;position:relative}.step-number{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px;box-shadow:0 6px 16px #4caf5066;border:3px solid rgba(255,255,255,.3)}.step-card h3{margin-bottom:12px;font-size:20px;font-weight:600;color:var(--primary-navy)}.step-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.what-you-get{background-color:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{text-align:center}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{margin-bottom:12px;font-size:20px;font-weight:600;color:var(--primary-navy)}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.heatmap-example{background-color:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:80px 0}.heatmap-example h2{text-align:center;margin-bottom:16px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:18px;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:400}.heatmap-showcase{max-width:900px;margin:0 auto}.heatmap-example-card{padding:0;overflow:hidden}.heatmap-visualization{display:grid;grid-template-columns:2fr 1fr;gap:0}.pitch-container{background:linear-gradient(135deg,#1a5f2e,#2d7a47);padding:40px;display:flex;align-items:center;justify-content:center}.heatmap-real-preview{width:100%;max-width:820px;border-radius:10px;overflow:hidden;border:3px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #00000047;background:#00000026}.heatmap-real-image{width:100%;height:auto;display:block;vertical-align:top}.pitch-field{width:100%;aspect-ratio:3 / 2;position:relative;background-color:#ffffff1a;border:3px solid rgba(255,255,255,.4);border-radius:8px}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;border:2px solid rgba(255,255,255,.5);border-radius:50%}.penalty-box{position:absolute;width:25%;height:60%;border:2px solid rgba(255,255,255,.5)}.penalty-box.left{left:0;top:20%;border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px}.penalty-box.right{right:0;top:20%;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px}.goal-box{position:absolute;width:15%;height:40%;border:2px solid rgba(255,255,255,.5)}.goal-box.left{left:0;top:30%;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px}.goal-box.right{right:0;top:30%;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.heatmap-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.heatmap-zone{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(6,182,212,.8) 0%,rgba(6,182,212,.3) 70%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}}.heatmap-info{padding:32px;background-color:var(--card-surface);display:flex;flex-direction:column;justify-content:center}.heatmap-info h3{margin-bottom:12px;color:var(--primary-navy)}.heatmap-info p{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.heatmap-stats{display:flex;gap:24px}.heatmap-stats .stat{display:flex;flex-direction:column;align-items:flex-start}.heatmap-stats .stat-value{font-size:24px;font-weight:700;color:var(--primary-green);margin-bottom:4px}.heatmap-stats .stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.visual-proof{background-color:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.proof-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.proof-card{min-height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-navy);color:#fff}.heatmap-preview,.report-preview{text-align:center;color:#ffffffb3}.instagram-section,.faq{background-color:#ffffff73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item h3{margin-bottom:12px;color:var(--primary-navy);font-size:18px;font-weight:600}.faq-item p{color:var(--text-secondary);font-size:15px;line-height:1.7}@media(max-width:1024px){.landing section{padding:64px 0}.container{padding:0 20px}.hero{padding:112px 0 104px}.hero h1{font-size:46px}.hero-subtitle{font-size:20px;margin-bottom:40px}.how-it-works-preview h2,.what-you-get h2,.visual-proof h2,.faq h2{font-size:32px;margin-bottom:36px}.heatmap-visualization{grid-template-columns:1.5fr 1fr}.pitch-container,.heatmap-info{padding:28px}.proof-content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:768px){.landing{background-attachment:fixed;background-image:var(--landing-bg-mobile, var(--landing-bg-desktop));background-position:center 30%;background-size:cover}.landing:before{background:linear-gradient(180deg,#00000024,#0000000f 45%,#0000002e)}.how-it-works-preview,.what-you-get,.heatmap-example,.visual-proof,.instagram-section,.faq{background-color:#ffffff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.landing section{padding:56px 0}.container{padding:0 16px}.hero{background:linear-gradient(135deg,#1b5e2038,#2196f329);padding:96px 0 88px}.hero h1{font-size:38px;margin-bottom:20px}.hero-subtitle{font-size:18px;line-height:1.6;margin-bottom:32px}.hero-cta{flex-direction:column;align-items:stretch;max-width:360px;margin:0 auto}.hero-cta a,.hero-cta .btn,.hero-cta button{width:100%}.how-it-works-preview h2,.what-you-get h2,.visual-proof h2,.faq h2{font-size:28px;margin-bottom:28px}.section-subtitle{font-size:16px;margin-bottom:32px}.steps,.features,.proof-content,.heatmap-visualization{grid-template-columns:1fr}.pitch-container,.heatmap-info{padding:24px}.heatmap-stats{gap:16px;flex-wrap:wrap}.proof-card{min-height:220px}}@media(max-width:480px){.landing section{padding:48px 0}.container{padding:0 12px}.hero{padding:88px 0 72px}.hero h1{font-size:30px;margin-bottom:16px}.hero-subtitle{font-size:16px;margin-bottom:24px}.how-it-works-preview h2,.what-you-get h2,.visual-proof h2,.faq h2{font-size:24px}.step-card,.feature-card,.faq-item{padding:20px 16px}.feature-icon{font-size:40px}.pitch-container{padding:16px}.heatmap-info{padding:20px 16px}.heatmap-zone{width:56px;height:56px}.heatmap-stats{flex-direction:column;gap:12px}.proof-card{min-height:180px}.faq-item h3{font-size:17px}.faq-item p{font-size:14px}}.how-it-works{padding:80px 0;background-color:#ffffff73;min-height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.steps-detailed{display:flex;flex-direction:column;gap:32px;margin-bottom:64px}.step-detailed{max-width:900px;margin:0 auto}.step-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.step-number-large{width:64px;height:64px;background-color:var(--primary-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0}.step-detailed h2{margin:0}.step-detailed p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.step-features{list-style:none;padding:0}.step-features li{padding:8px 0 8px 24px;position:relative;color:var(--text-secondary)}.step-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-green);font-weight:700}.tech-info{max-width:900px;margin:0 auto}.tech-info h3{margin-bottom:16px}.tech-info p{color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.how-it-works{padding:64px 0}.page-header{margin-bottom:48px}.steps-detailed{gap:24px;margin-bottom:48px}}@media(max-width:768px){.how-it-works{padding:56px 0}.page-header{margin-bottom:36px}.page-subtitle{font-size:16px}.step-header{gap:16px;margin-bottom:20px}.step-number-large{width:56px;height:56px;font-size:28px}.step-detailed p{font-size:15px}}@media(max-width:480px){.how-it-works{padding:48px 0}.page-header{margin-bottom:28px}.page-subtitle,.step-detailed p,.tech-info p,.step-features li{font-size:14px}.step-header{flex-direction:column;align-items:flex-start;gap:12px}.step-number-large{width:48px;height:48px;font-size:24px}.steps-detailed{gap:20px;margin-bottom:40px}.step-features li{padding-left:20px}}.sample-report{padding:80px 0;background-color:#ffffff73;min-height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-header{text-align:center;margin-bottom:48px}.page-subtitle{font-size:18px;color:var(--text-secondary)}.report-preview-section{max-width:900px;margin:0 auto 64px}.report-preview-card{background-color:var(--card-surface)}.report-header{border-bottom:2px solid var(--border-slate);padding-bottom:24px;margin-bottom:32px}.report-header h2{margin-bottom:8px}.match-date{color:var(--text-secondary);font-size:14px}.report-content{display:flex;flex-direction:column;gap:32px}.report-section h3{margin-bottom:16px;color:var(--primary-navy);border-bottom:1px solid var(--border-slate);padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.metric-card{text-align:center;padding:24px;background-color:var(--light-background);border-radius:8px}.metric-label{font-size:14px;color:var(--text-muted);margin-bottom:8px}.metric-description{font-size:13px;color:var(--text-secondary)}.heatmap-placeholder{height:400px;background-color:var(--primary-navy);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.insights{display:flex;flex-direction:column;gap:24px}.insight-item{padding:20px;background-color:var(--light-background);border-radius:8px;border-left:4px solid var(--analytics-cyan)}.insight-item h4{margin-bottom:12px;color:var(--primary-navy)}.insight-item p{color:var(--text-secondary);line-height:1.6}.cta-section{text-align:center;padding:64px 0}.cta-section h2{margin-bottom:16px}.cta-section p{font-size:16px;color:var(--text-secondary);margin-bottom:32px}@media(max-width:1024px){.sample-report{padding:64px 0}.report-preview-section{margin-bottom:48px}.report-content{gap:24px}}@media(max-width:768px){.sample-report{padding:56px 0}.page-header{margin-bottom:36px}.page-subtitle{font-size:16px}.report-header{padding-bottom:20px;margin-bottom:24px}.info-grid,.metrics-grid{grid-template-columns:1fr;gap:16px}.heatmap-placeholder{height:280px}.cta-section{padding:48px 0}}@media(max-width:480px){.sample-report{padding:48px 0}.page-header{margin-bottom:28px}.page-subtitle,.cta-section p,.insight-item p,.metric-description{font-size:14px}.report-content{gap:20px}.metric-card,.insight-item{padding:16px}.metric-value{font-size:30px}.metric-label,.match-date{font-size:12px}.heatmap-placeholder{height:220px}.cta-section{padding:40px 0}}.pricing{padding:80px 0;background-color:#ffffff73;min-height:100vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-header{text-align:center;margin-bottom:64px}.page-header h1{margin-bottom:16px}.page-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:80px;max-width:1100px;margin-left:auto;margin-right:auto}.pricing-card{position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.pricing-card.popular{border:2px solid var(--primary-green);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--primary-green);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600}.plan-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-slate)}.plan-header h2{margin-bottom:16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.currency{font-size:20px;color:var(--text-secondary)}.amount{font-size:48px;font-weight:700;color:var(--primary-navy)}.period{font-size:16px;color:var(--text-secondary)}.plan-matches{font-size:14px;color:var(--text-secondary)}.plan-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.plan-features li{padding:12px 0;display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.check-icon{color:var(--primary-green);font-weight:700;font-size:16px}.faq-section{max-width:1000px;margin:0 auto}.faq-section h2{text-align:center;margin-bottom:48px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.faq-card h3{margin-bottom:12px;color:var(--primary-navy)}.faq-card p{color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.pricing{padding:64px 0}.page-header{margin-bottom:48px}.pricing-grid{gap:24px;margin-bottom:64px}}@media(max-width:768px){.pricing{padding:56px 0}.page-header{margin-bottom:36px}.page-subtitle{font-size:16px}.pricing-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.pricing-card.popular{transform:none}.plan-header{margin-bottom:24px;padding-bottom:20px}.amount{font-size:40px}.faq-section h2{margin-bottom:32px}}@media(max-width:480px){.pricing{padding:48px 0}.page-header{margin-bottom:28px}.page-subtitle,.plan-matches,.faq-card p{font-size:14px}.pricing-grid{margin-bottom:48px}.currency{font-size:18px}.amount{font-size:34px}.period{font-size:14px}.plan-features li{padding:10px 0;gap:10px;font-size:14px}.popular-badge{font-size:11px}}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:500;color:var(--text-primary)}.required{color:var(--error);margin-left:4px}.input{padding:12px 16px;border:1px solid var(--border-slate);border-radius:8px;font-size:14px;color:var(--text-primary);background-color:var(--card-surface);transition:border-color .2s}.input:focus{border-color:var(--primary-green)}.input:disabled{background-color:var(--light-background);cursor:not-allowed}.input-error{border-color:var(--error)}.input-error-message{font-size:12px;color:var(--error)}@media(max-width:480px){.input-group{gap:6px}.input-label{font-size:12px}.input{padding:11px 14px;font-size:13px}.input-error-message{font-size:11px}}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#ffffff73;padding:32px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-container{width:100%;max-width:480px}.auth-card{padding:48px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:14px}.auth-message{padding:12px 36px 12px 14px;border-radius:8px;font-size:14px;margin-bottom:20px;position:relative}.auth-message--success{background-color:#dcfce7;color:#166534;border:1px solid #22c55e}.auth-message--error{background-color:#fef2f2;color:#991b1b;border:1px solid #ef4444}.auth-message-dismiss{position:absolute;top:8px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7;padding:0;line-height:1}.auth-message-dismiss:hover{opacity:1}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.auth-actions{display:flex;justify-content:flex-end}.forgot-link{background:none;border:none;color:var(--primary-green);font-size:13px;cursor:pointer;padding:0}.forgot-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-bottom:24px}.auth-footer p{color:var(--text-secondary);font-size:14px}.link-button{background:none;border:none;color:var(--primary-green);font-weight:500;cursor:pointer;padding:0}.link-button:hover{text-decoration:underline}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-slate)}.auth-divider span{background-color:var(--card-surface);padding:0 16px;position:relative;color:var(--text-muted);font-size:13px}@media(max-width:768px){.auth{padding:20px 16px;align-items:flex-start}.auth-container{max-width:100%}.auth-card{padding:32px 24px}.auth-header{margin-bottom:24px}.auth-form{gap:16px}.auth-actions{justify-content:flex-start}}@media(max-width:480px){.auth{padding:16px 12px}.auth-card{padding:24px 16px}.auth-message{padding-right:32px;font-size:13px}.auth-footer p,.auth-subtitle{font-size:13px}.auth-divider{margin:20px 0}}.dashboard{width:100%}.dashboard-header{margin-bottom:32px}.dashboard-header h1{margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:16px}.dashboard-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.dashboard-message--success{background-color:#22c55e1a;color:var(--primary-green)}.dashboard-message--error{background-color:#ef44441a;color:#dc2626}.match-loading,.match-empty{padding:16px;color:var(--text-secondary);font-size:14px}.dashboard-content{display:grid;grid-template-columns:1fr 320px;gap:24px}.dashboard-main{display:flex;flex-direction:column;gap:24px}.upload-section,.details-section,.processing-section{width:100%}.upload-section h2,.details-section h2,.processing-section h2{margin-bottom:24px}.upload-area{position:relative}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;border:2px dashed var(--border-slate);border-radius:12px;background-color:var(--light-background);cursor:pointer;transition:all .2s}.upload-label:hover{border-color:var(--primary-green);background-color:#22c55e0d}.upload-icon{font-size:48px;margin-bottom:16px}.upload-label p{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.upload-hint{font-size:13px;color:var(--text-muted)}.upload-progress{margin-top:16px}.progress-bar{width:100%;height:8px;background-color:var(--border-slate);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:var(--primary-green);transition:width .3s}.progress-text{font-size:13px;color:var(--text-secondary)}.details-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.processing-stepper{display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:16px;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:15px;top:40px;width:2px;height:calc(100% + 8px);background-color:var(--border-slate)}.step.active:after{background-color:var(--primary-green)}.step-indicator{width:32px;height:32px;border-radius:50%;background-color:var(--border-slate);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;z-index:1}.step.active .step-indicator{background-color:var(--primary-green);color:#fff}.step-content{flex:1}.step-content h3{margin-bottom:4px;font-size:16px}.step-content p{color:var(--text-secondary);font-size:13px}.dashboard-sidebar{display:flex;flex-direction:column}.recent-matches h2{margin-bottom:20px}.matches-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.match-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--light-background);border-radius:8px}.match-info h3{font-size:14px;margin-bottom:4px}.match-date{font-size:12px;color:var(--text-muted)}.status-chip{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}@media(max-width:1024px){.dashboard-header{margin-bottom:24px}.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{order:-1}.upload-label{padding:40px 32px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.dashboard-header p{font-size:15px}.dashboard-content,.dashboard-main{gap:20px}.upload-section h2,.details-section h2,.processing-section h2,.recent-matches h2{margin-bottom:20px}.upload-label{padding:32px 20px;text-align:center}.upload-icon{font-size:40px;margin-bottom:12px}.upload-label p{font-size:15px}.details-form{gap:16px}.form-row{grid-template-columns:1fr;gap:12px}.processing-stepper{gap:20px}.step{gap:12px}.step-content h3{font-size:15px}.match-item{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:480px){.dashboard-header{margin-bottom:20px}.dashboard-message,.match-loading,.match-empty{font-size:13px}.upload-label{padding:24px 16px}.upload-hint,.progress-text,.step-content p,.match-date{font-size:12px}.step-indicator{width:28px;height:28px;font-size:13px}.step:not(:last-child):after{left:13px;top:34px}.match-item{padding:10px}.status-chip{font-size:10px;padding:4px 10px}}.report-viewer-overlay{position:fixed;inset:0;background-color:#0b1220cc;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.report-viewer-modal{background-color:var(--card-surface);border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.report-viewer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--border-slate)}.report-viewer-header h2{margin:0;min-width:0;overflow-wrap:anywhere}.close-button{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background-color:var(--light-background);color:var(--text-primary)}.report-viewer-content{flex:1;overflow:auto;padding:24px;min-width:0}.pdf-preview{width:100%;min-height:600px;border:1px solid var(--border-slate);border-radius:8px;overflow:hidden;position:relative}.pdf-iframe{width:100%;height:100%;min-height:600px;border:none}.pdf-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--light-background);color:var(--text-secondary)}.pdf-fallback p{margin:8px 0}.fallback-hint{font-size:12px;color:var(--text-muted)}.report-viewer-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-slate)}@media(max-width:1024px){.report-viewer-overlay{padding:16px}.report-viewer-modal{max-width:100%;max-height:92vh}.pdf-preview,.pdf-iframe{min-height:520px}}@media(max-width:768px){.report-viewer-overlay{padding:12px;align-items:stretch}.report-viewer-modal{border-radius:10px;max-height:100%}.report-viewer-header,.report-viewer-content,.report-viewer-footer{padding:16px}.report-viewer-header{gap:12px}.report-viewer-header h2{font-size:18px;min-width:0}.pdf-preview,.pdf-iframe{min-height:420px}.report-viewer-footer{flex-direction:column-reverse}.report-viewer-footer .btn,.report-viewer-footer button{width:100%}}@media(max-width:480px){.report-viewer-overlay{padding:8px}.report-viewer-header,.report-viewer-content,.report-viewer-footer{padding:12px}.close-button{width:28px;height:28px;font-size:24px}.pdf-preview,.pdf-iframe{min-height:340px}.fallback-hint{font-size:11px;text-align:center;padding:0 12px}}.match-analytics{width:100%}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.analytics-header h1{margin-bottom:8px}.match-info{color:var(--text-secondary);font-size:14px}.analytics-header-content{min-width:0;flex:1}.analytics-header-actions{flex-shrink:0}.analytics-content{display:flex;flex-direction:column;gap:24px}.heatmap-section{width:100%}.heatmap-estimated-badge{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:#e8b11f26;color:#8a6d12;font-size:13px;font-weight:600}.heatmap-section h2{margin-bottom:24px}.heatmap-container{width:100%;padding:24px;background:radial-gradient(circle at 50% 50%,#133017d1,#0b180ef5);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0d}.pitch{width:100%;aspect-ratio:3 / 2;position:relative;background:linear-gradient(180deg,#387636fa,#2d662cfa);border:2px solid rgba(255,255,255,.22);border-radius:8px;overflow:hidden;box-shadow:0 18px 36px #00000047}.pitch-field{width:100%;height:100%;position:relative;background:linear-gradient(90deg,#ffffff0a 0% 10%,#00000005 10% 20%,#ffffff0a 20% 30%,#00000005 30% 40%,#ffffff0a 40% 50%,#00000005 50% 60%,#ffffff0a 60% 70%,#00000005 70% 80%,#ffffff0a 80% 90%,#00000005 90% 100%)}.pitch-field:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0000 32%,#0000002e);pointer-events:none;z-index:0}.pitch-field:before{content:"";position:absolute;inset:3%;border:3px solid rgba(255,255,255,.74);border-radius:6px;pointer-events:none;z-index:2}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17.5%;aspect-ratio:1;height:auto;box-sizing:border-box;border:3px solid rgba(255,255,255,.74);border-radius:50%;z-index:2}.pitch-mark{position:absolute;pointer-events:none;z-index:2}.halfway-line{top:3%;bottom:3%;left:50%;width:3px;transform:translate(-50%);background-color:#ffffffbd}.center-spot{top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background-color:#ffffffeb}.penalty-box{position:absolute;width:17%;height:44%;border:3px solid rgba(255,255,255,.74);z-index:2}.penalty-box.left{left:3%;top:28%;border-left:none}.penalty-box.right{right:3%;top:28%;border-right:none}.penalty-box-vertical{position:absolute;top:28%;height:44%;width:3px;background-color:#ffffffbd;z-index:2}.penalty-box-vertical.left{left:20%}.penalty-box-vertical.right{right:20%}.goal-box{position:absolute;width:7%;height:22%;border:3px solid rgba(255,255,255,.74);z-index:2}.goal-box.left{left:3%;top:39%;border-left:none}.goal-box.right{right:3%;top:39%;border-right:none}.goal-box-vertical{position:absolute;top:39%;height:22%;width:3px;background-color:#ffffffbd;z-index:2}.goal-box-vertical.left{left:10%}.goal-box-vertical.right{right:10%}.penalty-spot{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background-color:#ffffffeb;z-index:2}.penalty-spot.left{left:14%}.penalty-spot.right{left:86%}.penalty-arc{position:absolute;top:50%;width:16.2%;aspect-ratio:1;height:auto;box-sizing:border-box;border:3px solid rgba(255,255,255,.62);border-radius:50%;z-index:2}.penalty-arc.left{left:14%;transform:translate(-50%,-50%);clip-path:inset(0 0 0 87%)}.penalty-arc.right{left:86%;transform:translate(-50%,-50%);clip-path:inset(0 87% 0 0)}.corner-arc{position:absolute;width:24px;height:24px;border:3px solid rgba(255,255,255,.62);border-radius:50%;z-index:2}.corner-arc.top-left{top:calc(3% - 12px);left:calc(3% - 12px);clip-path:inset(50% 0 0 50%)}.corner-arc.bottom-left{bottom:calc(3% - 12px);left:calc(3% - 12px);clip-path:inset(0 0 50% 50%)}.corner-arc.top-right{top:calc(3% - 12px);right:calc(3% - 12px);clip-path:inset(50% 50% 0 0)}.corner-arc.bottom-right{bottom:calc(3% - 12px);right:calc(3% - 12px);clip-path:inset(0 50% 50% 0)}.heatmap-overlay{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:soft-light;filter:saturate(1.06)}.heatmap-density-canvas{width:100%;height:100%;display:block;vertical-align:top}.heatmap-point{position:absolute;background:radial-gradient(circle,#ff1616fa,#ff4800f5,#ffb800e0 34%,#f5ff85c2 52%,#73faff94 72%,#73faff33 84%,#73faff00);border-radius:50%;transform:translate(-50%,-50%);filter:blur(10px);box-shadow:0 0 22px #ff280057,0 0 42px #73faff33}.heatmap-point:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#ffffb5f2,#ff9400d1 42%,#ff17176b 72%,#ff171700);filter:blur(4px)}.heatmap-point:after{content:"";position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,#ffffdc,#ff1a1af5 58%,#ff1a1a00);filter:blur(1px)}.heatmap-legend{margin-top:16px;display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.heatmap-legend-bar{flex:1;height:12px;border-radius:999px;background:linear-gradient(90deg,#6496d7,#46af6e 28%,#f5ff85 52%,#ffaa00e6 68%,#ff1f1ffa)}.heatmap-meta{margin-top:1rem;color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}.heatmap-description{margin-top:.5rem;color:var(--text-secondary);opacity:.8;line-height:1.6;overflow-wrap:anywhere}.metrics-section{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.metric-card{text-align:center;padding:32px 24px;min-width:0}.metric-icon{font-size:32px;margin-bottom:12px}.metric-value{font-size:36px;font-weight:700;color:var(--primary-green);margin-bottom:4px}.metric-unit{font-size:16px;color:var(--text-muted);margin-bottom:8px}.metric-label{font-size:13px;color:var(--text-secondary);font-weight:500;overflow-wrap:anywhere}.insights-section h2{margin-bottom:24px}.insights-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.insight-category{padding:20px;background-color:var(--light-background);border-radius:8px;min-width:0}.insight-title{margin-bottom:16px;font-size:16px;font-weight:600}.insight-title.strengths{color:var(--primary-green)}.insight-title.improvements{color:var(--warning)}.insight-list{list-style:none;padding:0;margin:0}.insight-list li{padding:8px 0 8px 20px;position:relative;color:var(--text-secondary);line-height:1.6}.insight-list li:before{content:"•";position:absolute;left:0;color:var(--analytics-cyan);font-weight:700}.insight-list li:before{content:"";top:15px;width:6px;height:6px;border-radius:50%;background-color:var(--analytics-cyan);color:transparent;font-size:0}@media(max-width:900px){.analytics-header{flex-direction:column;gap:16px}.analytics-header-actions,.analytics-header-actions .btn,.analytics-header-actions button{width:100%}.metrics-section,.insights-content{grid-template-columns:1fr}}@media(max-width:768px){.analytics-header{margin-bottom:24px}.heatmap-section h2,.insights-section h2{margin-bottom:20px}.heatmap-container{padding:16px}.heatmap-legend{flex-wrap:wrap;gap:8px}.heatmap-legend-bar{min-width:100%;order:2}.metric-card{padding:24px 20px}.metric-value{font-size:32px}.insight-category{padding:16px}}@media(max-width:480px){.match-info{font-size:13px;line-height:1.6}.heatmap-container{padding:12px}.pitch-field:before,.center-circle,.penalty-box,.goal-box,.penalty-arc,.corner-arc{border-width:2px}.halfway-line,.penalty-box-vertical,.goal-box-vertical{width:2px}.center-spot,.penalty-spot{width:8px;height:8px}.corner-arc{width:18px;height:18px}.corner-arc.top-left{top:calc(3% - 9px);left:calc(3% - 9px)}.corner-arc.bottom-left{bottom:calc(3% - 9px);left:calc(3% - 9px)}.corner-arc.top-right{top:calc(3% - 9px);right:calc(3% - 9px)}.corner-arc.bottom-right{bottom:calc(3% - 9px);right:calc(3% - 9px)}.heatmap-point{filter:blur(6px)}.heatmap-legend,.heatmap-meta,.heatmap-description{font-size:12px}.metric-card{padding:20px 16px}.metric-icon,.metric-value{font-size:28px}.metric-unit{font-size:14px}.insight-category{padding:14px}.insight-list li{padding-left:16px}}.match-history{width:100%}.history-header{margin-bottom:32px}.history-header h1{margin-bottom:8px}.history-header p{color:var(--text-secondary);font-size:16px}.history-filters{margin-bottom:24px}.filters-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:13px;font-weight:500;color:var(--text-primary)}.status-filters{display:flex;gap:8px}.status-filter{padding:8px 16px;background-color:var(--light-background);border:1px solid var(--border-slate);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.status-filter:hover{background-color:var(--card-surface);border-color:var(--primary-green)}.status-filter.active{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green)}.matches-list{display:flex;flex-direction:column;gap:16px}.match-card{padding:20px}.match-card-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.match-info h3{margin-bottom:8px;font-size:18px}.match-details{color:var(--text-secondary);font-size:13px}.match-actions{display:flex;align-items:center;gap:12px}.status-chip{padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.empty-state{text-align:center;padding:48px;color:var(--text-secondary)}@media(max-width:1024px){.filters-card{grid-template-columns:1fr;align-items:stretch}.status-filters{flex-wrap:wrap}.match-card-content{align-items:flex-start}.match-actions{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:768px){.history-header{margin-bottom:24px}.history-header p{font-size:15px}.filters-card{gap:16px}.status-filter{padding:8px 14px}.match-card{padding:16px}.match-card-content{flex-direction:column;gap:16px}.match-actions{width:100%;gap:10px}.match-actions>*{width:100%}.match-actions .btn,.match-actions button,.match-actions a,.match-actions a .btn,.match-actions a button{width:100%}}@media(max-width:480px){.history-header{margin-bottom:20px}.filter-label,.match-details{font-size:12px}.status-filters{gap:6px}.status-filter{font-size:12px;padding:7px 12px}.match-info h3{font-size:16px}.status-chip{font-size:10px;padding:5px 10px}.empty-state{padding:32px 20px;font-size:13px}}.account{width:100%}.account-header{margin-bottom:32px}.account-header h1{margin-bottom:8px}.account-header p{color:var(--text-secondary);font-size:16px}.account-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.account-message--success{background-color:#22c55e1a;color:var(--primary-green)}.account-message--error{background-color:#ef44441a;color:#dc2626}.account-content{display:flex;flex-direction:column;gap:24px}.profile-section,.plan-section,.preferences-section{width:100%}.profile-section h2,.plan-section h2,.preferences-section h2{margin-bottom:24px}.profile-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.plan-details{display:flex;flex-direction:column;gap:24px}.plan-header-info{display:flex;justify-content:space-between;align-items:flex-start}.plan-header-info h3{margin-bottom:8px}.plan-price{font-size:24px;font-weight:700;color:var(--primary-green)}.plan-badge{padding:6px 12px;background-color:#22c55e1a;color:var(--primary-green);border-radius:12px;font-size:12px;font-weight:600}.plan-usage{padding:16px;background-color:var(--light-background);border-radius:8px}.usage-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.usage-bar{width:100%;height:8px;background-color:var(--border-slate);border-radius:4px;overflow:hidden}.usage-fill{height:100%;background-color:var(--primary-green);transition:width .3s}.plan-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-slate)}.info-label{color:var(--text-secondary);font-size:13px}.info-value{color:var(--text-primary);font-weight:500;font-size:14px}.plan-actions{display:flex;flex-direction:column;gap:12px}.preferences-list{display:flex;flex-direction:column;gap:24px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--light-background);border-radius:8px}.preference-item h3{margin-bottom:4px;font-size:14px}.preference-item p{font-size:13px;color:var(--text-secondary)}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-slate);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--primary-green)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}@media(max-width:1024px){.profile-form{max-width:100%}.plan-header-info{gap:16px}}@media(max-width:768px){.account-header{margin-bottom:24px}.account-header p{font-size:15px}.account-content{gap:20px}.profile-section h2,.plan-section h2,.preferences-section h2{margin-bottom:20px}.profile-form,.plan-details,.preferences-list{gap:16px}.plan-header-info{flex-direction:column;align-items:flex-start}.usage-header{flex-direction:column;gap:4px}.info-item{flex-direction:column;gap:6px;align-items:flex-start}.preference-item{flex-direction:column;align-items:flex-start;gap:14px}}@media(max-width:480px){.account-header{margin-bottom:20px}.account-message,.account-header p,.preference-item p,.info-label{font-size:13px}.plan-price{font-size:22px}.plan-badge{font-size:11px}.plan-usage,.preference-item{padding:14px}.info-value{font-size:13px}}.admin{width:100%}.admin-header{margin-bottom:32px}.admin-header h1{margin-bottom:8px}.admin-header p{color:var(--text-secondary);font-size:16px}.admin-denied{color:#dc2626;font-size:14px}.admin-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.admin-message--error{background-color:#ef44441a;color:#dc2626}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-slate)}.admin-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-bottom:-2px}.admin-tab:hover{color:var(--primary-navy)}.admin-tab.active{color:var(--primary-green);border-bottom-color:var(--primary-green)}.admin-content,.admin-section{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.section-header h2{margin:0}.filter-controls{display:flex;gap:12px;align-items:center}.status-filter-select{padding:10px 16px;border:1px solid var(--border-slate);border-radius:8px;font-size:14px;background-color:var(--card-surface);color:var(--text-primary);cursor:pointer}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:var(--light-background)}.admin-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:16px;border-top:1px solid var(--border-slate);font-size:14px;color:var(--text-primary)}.admin-table tbody tr:hover{background-color:var(--light-background)}.table-meta{margin-top:12px;font-size:13px;color:var(--text-secondary)}.cell-id{font-family:monospace;font-size:12px}.cell-error{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dc2626;font-size:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-active{background-color:#22c55e1a;color:var(--primary-green)}.status-suspended{background-color:#f59e0b1a;color:var(--warning)}.status-completed{background-color:#22c55e1a;color:var(--primary-green)}.status-processing{background-color:#06b6d41a;color:var(--analytics-cyan)}.status-failed{background-color:#ef44441a;color:var(--error)}.status-running{background-color:#06b6d41a;color:var(--analytics-cyan)}.action-buttons{display:flex;gap:8px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.plan-card{text-align:center}.plan-card h3{margin-bottom:12px}.plan-price{font-size:24px;font-weight:700;color:var(--primary-green);margin-bottom:24px}.plan-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;background-color:var(--light-background);border-radius:8px}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.job-stats{display:flex;gap:16px}.stat-card{padding:16px 24px;background-color:var(--light-background);border-radius:8px;text-align:center}.stat-card .stat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;display:block}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--primary-navy)}@media(max-width:1024px){.admin-tabs{overflow-x:auto;padding-bottom:4px}.admin-tab{white-space:nowrap}.section-header{align-items:flex-start}.table-container{-webkit-overflow-scrolling:touch}.admin-table{min-width:720px}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.admin-header{margin-bottom:24px}.admin-header p{font-size:15px}.admin-tabs{gap:6px;margin-bottom:20px}.admin-tab{padding:10px 16px;font-size:13px}.section-header{flex-direction:column;gap:12px;margin-bottom:20px}.filter-controls,.section-header .filter-controls{width:100%;flex-direction:column;align-items:stretch}.status-filter-select{width:100%}.admin-table th,.admin-table td{padding:12px;font-size:13px}.cell-error{max-width:160px}.plans-grid{grid-template-columns:1fr;gap:16px}.job-stats,.action-buttons{flex-wrap:wrap}}@media(max-width:480px){.admin-header{margin-bottom:20px}.admin-message,.admin-denied,.table-meta{font-size:13px}.admin-tab{padding:9px 14px;font-size:12px}.admin-table{min-width:640px}.admin-table th,.admin-table td{padding:10px;font-size:12px}.status-badge{font-size:10px;padding:4px 10px}.plan-price{font-size:22px;margin-bottom:16px}.stat-card{padding:14px 18px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-navy: #1B5E20;--primary-green: #4CAF50;--primary-green-dark: #388E3C;--primary-green-light: #66BB6A;--analytics-cyan: #2196F3;--analytics-cyan-light: #64B5F6;--light-background: #F1F8F4;--card-surface: #FFFFFF;--border-slate: #C8E6C9;--border-slate-dark: #A5D6A7;--warning: #FF9800;--error: #F44336;--text-primary: #1B5E20;--text-secondary: #2E7D32;--text-muted: #66BB6A;--mountain-blue: #B3E5FC;--snow-white: #FFFFFF;--shadow-green: rgba(76, 175, 80, .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--light-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden}img,video,canvas,svg,iframe{max-width:100%}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}a{color:var(--primary-green);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s;min-width:0}input,textarea,select{font-family:inherit;outline:none;min-width:0}@media(max-width:1024px){h1{font-size:28px}h2{font-size:22px}}@media(max-width:768px){body{font-size:13px}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}}@media(max-width:480px){h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}}