body{margin:0}.app{background-color:#f8f9fa;display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:200px;overflow-x:hidden;padding-top:48px;transition:margin-left .3s ease}.main-content.full-width{margin-left:0}body.sidebar-collapsed .main-content{margin-left:50px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input{border:1px solid #dadce0;border-radius:4px;font-size:16px;padding:8px 12px}.dashboard-row{display:flex;gap:16px;margin:16px 0;padding:0 16px}.dashboard-main{flex:1 1;min-width:0}.dashboard-side{display:flex;flex-direction:column;gap:16px;min-width:280px;width:280px}@media (min-width:1600px){.main-content{margin-left:280px;padding-top:80px}body.sidebar-collapsed .main-content{margin-left:60px}.dashboard-row{gap:24px;margin:24px 0;padding:0 24px}.dashboard-side{min-width:350px;width:350px}input{font-size:18px;padding:12px 16px}button,input{border-radius:6px}button{font-size:16px;padding:12px 20px}}@media (min-width:1440px) and (max-width:1599px){.main-content{margin-left:240px}body.sidebar-collapsed .main-content{margin-left:50px}.dashboard-row{gap:24px;margin:24px auto;max-width:1400px;padding:0 32px}.dashboard-side{min-width:320px;width:320px}}@media (max-width:1024px){.dashboard-row{gap:12px;padding:0 12px}.dashboard-side{min-width:240px;width:240px}}@media (max-width:768px){.dashboard-row{flex-direction:column;gap:16px;padding:0 12px}.dashboard-side{min-width:100%;width:100%}}.sidebar{background-color:#fff;border-right:1px solid #eaeaea;color:#333;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:0;position:fixed;top:0;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:200px;z-index:1000}.sidebar.collapsed{padding:0;width:50px}.nav-item.toggle-item{background:#0000!important;border-radius:8px;color:#333!important;justify-content:space-between;margin-bottom:16px;padding:12px;pointer-events:none}.nav-item.toggle-item .close-icon,.sidebar.collapsed .nav-item.toggle-item{pointer-events:auto}.sidebar.collapsed .nav-item.toggle-item:hover{background:linear-gradient(90deg,#58ad8a,#0b3f28)!important;color:#fff!important}.sidebar.collapsed .nav-item.toggle-item:hover .nav-icon{color:#fff}.nav-item.toggle-item .nav-label{color:#333!important;color:#333;cursor:default;font-size:18px;font-weight:600;margin:0}.nav-item.toggle-item .close-icon{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:fit-content;justify-content:center;margin:0;padding:8px;width:fit-content}.nav-item.toggle-item .close-icon:hover{background:linear-gradient(90deg,#58ad8a,#0b3f28);color:#fff}.sidebar.collapsed .nav-item.toggle-item{cursor:pointer}.sidebar.collapsed .nav-item.toggle-item:hover{background:linear-gradient(90deg,#58ad8a,#0b3f28);color:#fff}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{padding:8px 12px}.logo-container{align-items:center;display:flex;min-height:32px;padding:8px 0 16px 8px}.logo-container h2{color:#000;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.nav-menu{display:flex;flex:1 1;flex-direction:column;min-height:0}.nav-item{align-items:center;color:#666;cursor:pointer;display:flex;margin:0;min-height:36px;outline:none;padding:12px;position:relative;transition:all .2s ease;user-select:none;-webkit-user-select:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.nav-item:hover{background:linear-gradient(90deg,#58ad8a,#0b3f28);color:#fff}.nav-item.toggle-item:hover{background:#0000;color:#333}.nav-item.active{color:#1b4332;font-weight:500}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:clamp(8px,1vw,12px);min-width:24px;opacity:.8}.nav-label{font-size:clamp(13px,.9vw,14px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover .nav-icon,.nav-item:hover .nav-label{color:#fff;opacity:1}.active .nav-icon,.active .nav-label{color:#1b4332;font-weight:500;opacity:1}.logout-section,.system-menu{border-top:1px solid #eaeaea;margin-top:clamp(16px,2vw,20px);padding-top:clamp(16px,2vw,20px)}.logout-section .nav-item{color:#666;transition:all .3s ease}.logout-section .nav-item:hover{background:linear-gradient(90deg,#58ad8a,#0b3f28);color:#fff}@media (min-width:1600px){.sidebar{padding:20px;width:280px}.sidebar.collapsed{padding:20px 12px;width:60px}.sidebar-header{margin-bottom:32px;padding:0 8px}.sidebar-title{font-size:24px}.hamburger-button{height:40px;width:40px}.hamburger-icon{height:18px;width:24px}.hamburger-icon span{border-radius:3px;height:3px}.hamburger-icon span:nth-child(2){top:7px}.hamburger-icon span:last-child{top:14px}.logo-container{min-height:48px;padding:12px 0 24px 12px}.logo-container h2{font-size:22px}.nav-item{border-radius:8px;margin:4px 0;min-height:48px;padding:16px 20px}.nav-icon{height:32px;margin-right:16px;min-width:32px}.nav-label{font-size:18px}.logout-section,.system-menu{margin-top:32px;padding-top:32px}}@media (max-height:600px){.sidebar{padding:12px 8px}.logo-container{padding:8px 0 16px 8px}.nav-item{min-height:36px;padding:6px 12px}.logout-section,.system-menu{margin-top:12px;padding-top:12px}}@media (min-width:1440px) and (max-width:1599px){.sidebar{width:240px}.nav-item{padding:10px 14px}.nav-label{font-size:15px}}@media (max-width:1024px){.sidebar{width:180px}.nav-item{padding:6px 10px}.nav-label{font-size:13px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:240px}.sidebar.active{transform:translateX(0)}.nav-item{padding:8px 12px}.nav-label{font-size:14px}}.topbar{align-items:center;background:#fff;border-bottom:1px solid #eaeaea;display:flex;height:clamp(48px,6vh,56px);justify-content:space-between;left:min(200px,20vw);padding:0 clamp(16px,2vw,32px) 0 12px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:100}body.sidebar-collapsed .topbar{left:50px}.topbar-left{flex:1 1;padding-left:0;position:relative}@media (min-width:1600px){.topbar{height:80px;left:280px;padding:0 48px 0 24px}body.sidebar-collapsed .topbar{left:60px}}@media (max-width:768px){.topbar{left:0;padding:0 16px}body.sidebar-collapsed .topbar{left:0}.topbar-left{padding-left:12px}}.welcome-section{border-radius:8px;margin-bottom:16px;padding:12px;width:100%}.welcome-banner{display:flex;gap:12px}.welcome-wrapper{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.welcome-content{flex:1 1;min-width:280px}.welcome-content h1{color:#111;font-size:20px;font-weight:600;margin-bottom:4px}.welcome-content p{color:#666;font-size:13px;max-width:600px;opacity:.9}.stats-container{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:12px;padding:0 12px}@media (min-width:1600px){.welcome-section{margin:0 0 32px;padding:24px}.welcome-content h1{font-size:42px;margin-bottom:8px}.welcome-content p{font-size:16px;max-width:600px}.stats-container{gap:20px;margin:0 0 32px;padding:0 24px}.welcome-wrapper{gap:24px;margin-bottom:32px}}@media (max-width:1200px){.welcome-banner{font-size:1.2rem!important;padding:8px!important}.welcome-banner h1{font-size:1.2rem!important;margin-bottom:4px!important}.welcome-banner p{font-size:.8rem!important;margin-bottom:4px!important}.stats-container{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.welcome-content{min-width:0;min-width:auto}.stats-container{gap:12px;grid-template-columns:1fr;padding:0 16px}}@media (min-width:1440px) and (max-width:1599px){.welcome-section{margin:0 0 32px;padding:32px}.welcome-content h1{font-size:48px}.stats-container{gap:24px;margin:0 0 32px;padding:0 32px}}@media (max-width:1200px){.welcome-content h1{font-size:36px}.stats-container{gap:14px;padding:0 20px}}@media (max-width:1024px){.welcome-section{padding:20px}.welcome-content h1{font-size:32px}.welcome-content p{font-size:15px}.stats-container{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 16px}}@media (max-width:640px){.welcome-section{margin-bottom:16px;padding:16px}.welcome-content h1{font-size:28px}.welcome-content p{font-size:14px}.stats-container{gap:10px;grid-template-columns:1fr;padding:0 12px}}.jobs-in-progress{background:#fff;border:1px solid #eaeaea;border-radius:6px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;padding:6px;width:100%}.jobs-in-progress *{box-sizing:border-box!important;margin:0!important;padding:0}.jobs-in-progress-container{grid-gap:10px!important;box-sizing:border-box!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important;padding:6px;width:100%!important}.batch-render-card{align-items:flex-start;background:#fff;border:1px solid #eaeaea;border-radius:4px;display:flex;gap:4px;padding:4px}.batch-render-card img{border-radius:3px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.batch-render-card-content{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.batch-render-card-content h3{color:#1a1a1a;font-size:11px;font-weight:500;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-render-card-content p{font-size:13px!important;margin:0 0 2px!important;word-break:break-word!important}.batch-renders-header{justify-content:space-between;margin-bottom:4px}.batch-renders-header,.batch-renders-title{align-items:center;display:flex;gap:4px}.batch-renders-title h2{color:#111;font-size:12px;font-weight:600;margin:0}.icon-batch{align-items:center;display:flex;height:12px!important;justify-content:center;width:12px!important}.batch-renders-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%;overflow:hidden;width:100%}.batch-renders-list>*{max-width:100%;min-width:0;width:100%}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#1a73e8;height:16px;margin:12px auto;width:16px}.error-message{background-color:#ffebee;color:#d32f2f;padding:8px}.error-message,.no-jobs-message{border-radius:6px;font-size:13px;grid-column:1/-1;text-align:center}.no-jobs-message{background-color:#f8f9fa;color:#666;padding:12px}@media (min-width:1600px){.jobs-in-progress{border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:32px;padding:32px}.jobs-in-progress-container{gap:24px!important;padding:24px}.batch-render-card{border-radius:10px;box-shadow:0 3px 12px #0000001a;gap:24px;padding:24px}.batch-render-card img{border-radius:10px;height:140px;width:140px}.batch-render-card-content h3{font-size:28px;margin-bottom:16px}.batch-render-card-content p{font-size:22px!important;margin-bottom:16px!important}.batch-renders-title h2{font-size:28px}.icon-batch{height:36px!important;width:36px!important}.batch-renders-list{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.loading-spinner{border-width:5px;height:48px;width:48px}.error-message,.no-jobs-message{border-radius:10px;font-size:24px;padding:24px}}@media (max-width:1200px){.batch-renders-list{gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.jobs-in-progress{padding:6px}.batch-render-card{gap:6px;max-width:100%;padding:6px}.batch-render-card img{height:60px;width:60px}.jobs-in-progress{font-size:9px!important;max-width:500px!important;padding:2px}.jobs-in-progress-container{gap:4px!important;padding:2px}.batch-render-card{gap:2px!important;max-width:140px!important;padding:2px}.batch-render-card img{height:28px!important;width:28px!important}.batch-render-card-content h3,.batch-render-card-content p{font-size:9px!important}}@media (max-width:900px){.batch-renders-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:600px){.batch-renders-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.jobs-in-progress{margin-bottom:8px;padding:6px}.batch-renders-header{margin-bottom:6px}}@media (max-width:480px){.jobs-in-progress{margin-bottom:6px;padding:4px}}.street-name{color:#666;font-size:10px}.street-name,.timestamp{line-height:1.2;margin:0}.timestamp{color:#999;font-size:9px}.status{color:#34a853;font-size:10px;line-height:1.2}@media (min-width:1440px) and (max-width:1599px){.jobs-in-progress{margin-bottom:24px;padding:24px}.batch-renders-list>*{min-width:350px;width:calc(50% - 12px)}.batch-renders-title h2{font-size:16px}}@media (max-width:1200px){.batch-renders-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:1024px){.jobs-in-progress{padding:14px}.batch-renders-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:640px){.jobs-in-progress{margin-bottom:12px;padding:12px}.batch-renders-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.batch-renders-title h2{font-size:14px}}.batch-render-row{align-items:flex-start;background:#fff;border:1px solid #eaeaea;border-radius:8px;box-sizing:border-box;display:flex;min-height:140px;padding:16px;width:100%}.batch-content{display:flex;flex:1 1;gap:16px;min-width:0}.thumbnail{border-radius:6px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.thumbnail img{height:100%;object-fit:cover;width:100%}.batch-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding-top:0}.batch-title{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 2px;text-transform:capitalize}.batch-subtitle{color:#666;display:flex;flex-direction:column;font-size:13px;gap:4px;line-height:1.3;margin-top:0}.batch-subtitle span{align-items:center;display:inline-flex}.batch-subtitle .streets{color:#444;font-weight:500;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-subtitle .separator{color:#ccc;margin:0 4px}.batch-subtitle .date{color:#666;white-space:nowrap}.status{align-items:center;border-radius:12px;display:inline-flex;font-size:14px;font-weight:500;line-height:1;margin-top:2px;padding:4px 12px;width:fit-content}.status.completed{background:#e6f4ea;color:#34a853}.status.processing{background:#1b43321a;color:#1b4332}.status.pending{background:#f1f3f4;color:#666}.status.failed{background:#fce8e6;color:#d93025}.progress-section{align-items:center;display:flex;gap:8px;margin-top:6px;padding:2px 0}.progress-bar{background:#f0f0f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#1a73e8,#4285f4);border-radius:3px;height:100%;transition:width .3s ease}.progress-bar-fill.completed{background:linear-gradient(90deg,#34a853,#4caf50)}.progress-text{color:#666;font-size:12px;font-weight:500;min-width:60px;text-align:right}.delete-button{display:none}@media (min-width:1600px){.batch-render-row{border-radius:12px;box-shadow:0 4px 16px #0000001a;min-height:220px;padding:36px}.batch-content{gap:32px}.thumbnail{border-radius:10px;height:180px;width:180px}.batch-info{gap:20px;padding-top:12px}.batch-title{font-size:20px;margin-bottom:8px}.batch-subtitle{font-size:16px;gap:12px;margin-top:4px}.batch-subtitle .streets{max-width:700px}.status{border-radius:14px;font-size:20px;margin-top:4px;padding:8px 20px}.progress-section{gap:16px;margin-top:16px;padding:10px 0}.progress-bar{border-radius:4px;height:8px}.progress-text{font-size:16px;min-width:80px}}@media (max-width:1200px){.batch-render-row{min-height:120px;padding:16px}.batch-content{gap:16px}.thumbnail{height:100px;min-width:100px;width:100px}.batch-title{font-size:14px}.batch-subtitle{font-size:12px}}@media (max-width:768px){.batch-render-row{min-height:110px;padding:14px}.batch-content{gap:14px}.thumbnail{height:80px;min-width:80px;width:80px}.batch-title{font-size:14px}.batch-subtitle{font-size:12px}}@media (max-width:480px){.batch-render-row{min-height:100px;padding:12px}.batch-content{gap:12px}.thumbnail{height:70px;min-width:70px;width:70px}.batch-title{font-size:13px}.batch-subtitle{font-size:11px}}.campaign-section{background:#fff;border:1px solid #00000014;border-radius:6px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:0}.campaign-header{background:#1a73e8;border-radius:6px 6px 0 0;font-size:14px;font-weight:600;letter-spacing:.2px;padding:8px 12px;text-align:left}.campaign-steps{display:flex;flex-direction:column;flex-grow:1;gap:12px;padding:12px}@media (min-width:1600px){.campaign-section{border-radius:12px;box-shadow:0 4px 16px #0000001a}.campaign-header{border-radius:12px 12px 0 0;font-size:28px;padding:28px 36px}.campaign-steps{font-size:50px;gap:28px;padding:36px}.campaign-step{padding-left:28px}.campaign-step:before{border-radius:3px;width:5px}.step-number{font-size:18px;margin-bottom:8px}.step-title{font-size:24px}.start-campaign-btn{border-radius:0 0 12px 12px;font-size:24px;padding:24px 0}}@media (max-width:1200px){.campaign-steps{gap:24px;padding:24px 20px}.campaign-header{font-size:18px;padding:12px 16px}.step-title{font-size:16px}.start-campaign-btn{font-size:16px;padding:16px 0}.new-campaign-container{font-size:.8rem!important;max-width:180px!important;padding:4px!important}.new-campaign-header{font-size:.9rem!important;padding:4px!important}.new-campaign-step{font-size:.8rem!important;margin-bottom:4px!important;padding:2px!important}.new-campaign-action{font-size:.8rem!important;padding:4px 0!important}}.campaign-step{display:flex;flex-direction:column;gap:4px;padding-left:16px;position:relative}.campaign-step:before{background:#1a73e8;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.campaign-step:nth-child(2):before{background:#34a853}.campaign-step:nth-child(3):before{background:#fbbc04}.step-number{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.step-title{color:#1f1f1f;font-size:13px;font-weight:500;line-height:1.2}.start-campaign-btn{background:#002016;border:none;border-radius:0 0 6px 6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:auto;padding:10px 0;text-transform:uppercase;transition:all .2s ease;width:100%}.start-campaign-btn:hover{background:#003926}.stat-card{background:#fff;border-radius:6px;gap:6px;padding:6px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#f5f5f5;border-radius:4px;height:16px;justify-content:center;width:16px}.stat-icon.neighborhoods{background-color:#e8f5e9;color:#2d6a4f}.stat-icon.jobs{background-color:#fff3e0;color:#f57c00}.stat-icon.flyers{background-color:#e3f2fd;color:#dee1e4}.stat-icon.conversion{background-color:#f3e5f5;color:#7b1fa2}.stat-info{flex:1 1;min-width:0}.stat-value{color:#1a1a1a;font-size:14px;font-weight:600}.stat-label,.stat-value{line-height:1.2;margin:0}.stat-label{color:#666;font-size:10px}@media (min-width:1600px){.stat-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:12px;padding:16px}.stat-icon{border-radius:6px;font-size:16px;height:32px;width:32px}.stat-value{font-size:24px;margin-bottom:2px}.stat-label{font-size:14px}}@media (max-width:480px){.stat-card{padding:10px 12px}.stat-icon{height:24px;width:24px}}@media (min-width:1200px) and (max-width:1599px){.stat-card{border-radius:8px;box-shadow:0 2px 6px #00000014;gap:10px;padding:12px}.stat-icon{border-radius:6px;font-size:14px;height:28px;width:28px}.stat-value{font-size:20px;margin-bottom:2px}.stat-label{font-size:12px}}@media (max-width:1199px){.stat-card{font-size:.7rem!important;min-height:50px!important;min-width:80px!important;padding:4px!important}.stat-card-icon{height:18px!important;width:18px!important}.stat-card-title{font-size:.7rem!important}.stat-card-value{font-size:.9rem!important}}.flyer-library{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin:16px;padding:12px}.flyer-library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.flyer-library-title{align-items:center;display:flex;gap:8px}.flyer-library-title h2{color:#1a1a1a;font-size:22px;font-weight:600;margin:0}.icon-completed{display:inline-block;font-size:20px;margin-right:2px}.branding-notice{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.edit-branding-btn{background:none;border:none;color:#063;cursor:pointer;font-size:14px;font-weight:500;padding:0}.edit-branding-btn:hover{text-decoration:underline}.flyer-grid{grid-gap:12px;direction:ltr;display:grid;gap:12px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0}@media (min-width:1024px) and (max-width:1440px){.flyer-grid{direction:ltr;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(200px,300px));justify-content:start}}.flyer-card{border:1px solid #eaeaea;border-radius:6px;transition:all .2s ease}.flyer-card:hover{box-shadow:0 4px 12px #0000001a}.flyer-image{background:#0000;height:200px}.flyer-image img{display:block}.flyer-details{gap:2px}.flyer-title{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.2;margin:0}.flyer-subtitle{color:#666;font-size:12px;font-style:italic;line-height:1.3;margin:0}.completion-date{color:#888;font-size:11px;font-weight:500;gap:3px;margin:0}.completion-date:before{font-size:10px;opacity:.8}.house-count{font-size:12px;line-height:1.3;text-align:left;width:100%}.street-card-footer{align-items:stretch;flex-direction:column;gap:8px;margin-top:2px;text-align:left}.view-street-btn{background:#2e7d32;font-size:12px;padding:6px 12px;transition:background .2s;width:100%}.view-street-btn:hover{background:#1b5e20}@media (min-width:1600px){.flyer-library{border-radius:10px;box-shadow:0 3px 12px #0000001a;margin:24px;padding:24px}.flyer-library-header{margin-bottom:20px}.flyer-library-title h2,.icon-completed{font-size:28px}.branding-notice{font-size:16px;gap:10px}.edit-branding-btn{font-size:16px}.flyer-grid{gap:20px;grid-template-columns:repeat(5,1fr)}.flyer-image{height:160px}.flyer-details{padding:16px}.flyer-title{font-size:18px;margin-bottom:6px}.flyer-subtitle{font-size:14px;margin-bottom:6px}.completion-date{font-size:13px;gap:4px;margin-bottom:10px}.completion-date:before{font-size:12px}.street-card-footer{margin-top:10px}.house-count{font-size:14px}.view-street-btn{border-radius:6px;font-size:14px;padding:8px 16px;width:100%}}@media (max-width:1200px){.flyer-library{padding:10px}.flyer-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.flyer-image{height:100px}}@media (max-width:900px){.flyer-library{margin:12px}.flyer-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:600px){.flyer-library{margin:8px;padding:8px}.flyer-grid{gap:6px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px) and (max-width:1599px){.flyer-library{margin:24px 32px;padding:24px}.flyer-grid{gap:20px;grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.flyer-grid{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.flyer-library{margin:12px;padding:12px}.flyer-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.flyer-library{margin:8px;padding:10px}.flyer-grid{gap:8px;grid-template-columns:1fr}.flyer-library-title h2{font-size:18px}}.flyer-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.flyer-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.flyer-image{flex-shrink:0;overflow:hidden;padding-top:50%;position:relative;width:100%}.flyer-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.flyer-details{display:flex;flex-direction:column;flex-grow:1;padding:10px}.flyer-address{color:#1a1a1a;font-size:17px;font-weight:500;line-height:1.2;margin:0 0 8px}.completion-date{align-items:center;color:#666;display:flex;font-size:13px;font-weight:400;gap:4px;margin:0 0 8px}.completion-date:before{content:"📅";font-size:12px}.flyer-actions{display:flex;gap:10px;margin-top:auto;padding:0 2px}.action-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;min-height:34px;padding:8px 0;text-align:center;transition:all .2s ease;white-space:nowrap}.share-btn{background:none;border:1px solid #063;color:#063}.share-btn:hover{background:#0066330d}.download-btn{background:#063;border:1px solid #063;color:#fff}.download-btn:hover{background:#005529}.street-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.house-count{color:#666;font-size:14px;margin:0}.view-street-btn{background:#58ad8a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.view-street-btn:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)}@media (min-width:1600px){.flyer-card{border-radius:10px;box-shadow:0 2px 8px #0000001a}.flyer-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.flyer-details{padding:16px}.flyer-address{font-size:20px;margin-bottom:12px}.completion-date{font-size:15px;margin-bottom:12px}.completion-date:before{font-size:14px}.flyer-actions{gap:12px;padding:0 3px}.action-btn{border-radius:6px;font-size:16px;min-height:40px;padding:10px 0}.street-card-footer{margin-top:12px}.house-count{font-size:16px}.view-street-btn{border-radius:6px;font-size:16px;padding:10px 20px}}.no-image-container{align-items:center;background-color:#2a2a2a;border-radius:8px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.no-image-content{padding:20px;text-align:center}.no-image-icon{color:#4caf50;margin-bottom:12px;opacity:.8}.no-image-container p{color:#fff;font-size:14px;margin:0;opacity:.8}.loading-spinner{border:3px solid #2e7d32}.create-campaign-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin:2rem auto;max-width:800px;overflow:hidden;padding:0}.campaign-header{align-items:center;background:linear-gradient(135deg,#58ad8a,#0b3f28);color:#fff;display:flex;gap:16px;margin-bottom:0;padding:2rem 2.5rem 1.5rem;position:relative}.campaign-header:after{background:linear-gradient(90deg,#fff3,#ffffff1a);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.campaign-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.header-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.header-subtitle{background:linear-gradient(135deg,#58ad8a,#0b3f28);color:#ffffffe6;font-size:1.1rem;font-weight:400;line-height:1.4;margin:0;padding:1rem 2.5rem 2rem}.selection-options{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:32px;padding:12px 24px}.option-button{align-items:center;background:none;border:none;color:#5f6368;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 0;position:relative}.option-button.active{color:#1b4332}.option-button.active:after{background-color:#1b4332;bottom:-13px;content:"";height:2px;left:0;position:absolute;right:0}.option-icon{font-size:16px;opacity:.8}.upload-area{background-color:#fff;border:1px dashed #dadce0;border-radius:8px;margin:24px;padding:40px;text-align:center;transition:border-color .2s,background-color .2s}.upload-area.dragging{background-color:#1b43320d;border-color:#1b4332}.upload-content{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.upload-icon{color:#1b4332;font-size:32px}.upload-content h2{color:#202124;font-size:16px;font-weight:500;margin:0}.upload-content p{color:#5f6368;font-size:14px;margin:0}.choose-file-btn{background:linear-gradient(90deg,#58ad8a,#0b3f28);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:8px 24px;transition:background .2s ease}.choose-file-btn:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)}.file-format-note{color:#5f6368;font-size:12px!important;margin-top:24px!important}.address-form-container{background:linear-gradient(135deg,#fafbfc,#f8fafc);margin:0 auto;padding:3rem 2.5rem;position:relative}.address-form-container:before{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);content:"";height:1px;left:2.5rem;position:absolute;right:2.5rem;top:0}.address-form{display:flex;flex-direction:column;gap:2rem}.form-group{gap:.75rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.addresses-container{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px -2px #0000000d;margin:2rem 0;padding:2rem;position:relative}.addresses-container:before{background:linear-gradient(90deg,#58ad8a,#0b3f28);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.addresses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding-top:.5rem}.addresses-header h3{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.addresses-header h3:before{content:"🏘️";font-size:1.5rem}.add-address-btn{align-items:center;background:linear-gradient(135deg,#58ad8a,#0b3f28);border:none;border-radius:12px;box-shadow:0 4px 12px #58ad8a4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.add-address-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-address-btn:hover:before{left:100%}.add-address-btn:hover{background:linear-gradient(135deg,#4a9d7a,#083b24);box-shadow:0 6px 20px #58ad8a66;transform:translateY(-2px)}.address-field-container{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.address-field-container:hover{border-color:#58ad8a;box-shadow:0 4px 12px #58ad8a1a;transform:translateY(-1px)}.address-field-container:before{background:linear-gradient(180deg,#58ad8a,#0b3f28);border-radius:12px 0 0 12px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.address-field-container:hover:before{opacity:1}.address-field-container .form-group{flex:1 1;margin-bottom:0}.remove-address-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:all .3s ease}.remove-address-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.form-group input{border:1px solid #dadce0;color:#202124;font-size:14px;padding:8px 12px;transition:border-color .2s}.form-group input:focus{border-color:#1b4332}.form-group input::placeholder{color:#5f6368}.submit-btn{align-self:flex-end;background:linear-gradient(90deg,#58ad8a,#0b3f28);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 24px;transition:background-color .2s}.submit-btn:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)}.lighting-preferences{background-color:#f8f9fa;border-radius:8px;margin-top:16px;padding:24px}.preferences-section{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-top:24px;padding:16px}.preferences-section:first-child{margin-top:0}.preferences-section h3{border-bottom:1px solid #e0e0e0;color:#202124;font-size:14px;padding-bottom:8px}.form-group input[type=text],.lighting-preferences input[type=text],.lighting-preferences select{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#202124;font-size:14px;height:38px;padding:10px 14px;transition:all .2s;width:100%}.ui.search.dropdown{border-color:#dadce0;border-radius:4px;height:38px;min-height:38px;padding:8px 14px;width:100%}.ui.search.dropdown>.text{line-height:22px;margin:0;padding:0}.ui.search.dropdown .menu{border-color:#dadce0;border-radius:4px;margin-top:4px}.ui.search.dropdown .menu>.item{border-top:none;padding:10px 14px!important}.form-group input[type=text]:focus,.lighting-preferences input[type=text]:focus,.lighting-preferences select:focus{border-color:#1b4332;box-shadow:0 0 0 2px #1b43321a;outline:none}.form-group input[type=text]:hover,.lighting-preferences input[type=text]:hover,.lighting-preferences select:hover{background-color:#f8f9fa;border-color:#1b4332}.lighting-preferences .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.lighting-preferences .form-row:last-child{margin-bottom:0}.lighting-preferences option{font-size:14px;padding:12px}.preferences-section h3{border-bottom:2px solid #e8f4f0;color:#1b4332;font-size:15px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.preferences-section{background:#fff;border:1px solid #e8f4f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:20px}.checkbox-label{gap:10px;padding:8px 0}.checkbox-label input[type=checkbox]{border:2px solid #1b4332;border-radius:4px;height:18px;width:18px}.form-group{margin-bottom:20px}.form-group label{color:#202124;font-size:14px;margin-bottom:8px}input[list]::-webkit-calendar-picker-indicator{display:none!important}#state{font-weight:500;letter-spacing:1px;text-transform:uppercase}.checkbox-label{align-items:center;color:#202124;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.lighting-preferences input[type=text]::placeholder{color:#5f6368}@media (max-width:768px){.create-campaign-container{border-radius:16px;box-shadow:0 8px 20px -5px #00000026;margin:1rem}.campaign-header{gap:12px;padding:1.5rem 2rem 1rem}.campaign-header h1{font-size:1.5rem}.header-icon{font-size:1.25rem}.header-subtitle{font-size:1rem;padding:.75rem 2rem 1.5rem}.address-form-container{padding:2rem 1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.addresses-container{border-radius:12px;margin:1.5rem 0;padding:1.5rem}.addresses-header h3{font-size:1.1rem}.address-field-container{flex-direction:column;gap:1rem;padding:1.25rem}.remove-address-btn{align-self:flex-end;min-width:120px;width:fit-content}.add-address-btn{font-size:.9rem;padding:.75rem 1.25rem}.create-campaign-button{border-radius:14px!important;font-size:1rem!important;height:52px!important;margin-top:2rem!important}}@media (max-width:480px){.create-campaign-container{border-radius:12px;margin:.5rem}.campaign-header{padding:1.25rem 1.5rem .75rem}.campaign-header h1{font-size:1.25rem}.header-subtitle{font-size:.95rem;padding:.5rem 1.5rem 1.25rem}.address-form-container{padding:1.5rem 1rem}.addresses-container{padding:1.25rem}.addresses-header{align-items:flex-start;flex-direction:column;gap:1rem}.add-address-btn{justify-content:center;width:100%}.address-field-container{padding:1rem}.remove-address-btn{align-self:stretch;width:100%}}.preferences-section{transition:opacity .2s,height .2s}.preferences-section.disabled{opacity:.5;pointer-events:none}.error-message{background-color:#fce8e6;color:#d93025}.error-message,.success-message{font-size:14px;margin:8px 0;padding:12px}.success-message{background-color:#e6f4ea;border-radius:4px;color:#188038}.file-selected{color:#188038;font-size:14px;margin-top:8px}.submit-btn:disabled{background-color:#dadce0;cursor:not-allowed}.tab-button-contained{background:linear-gradient(90deg,#58ad8a,#0b3f28)!important;border:none!important;color:#fff!important}.tab-button-contained:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)!important}.tab-button-outlined{background:#0000!important;border:1px solid #58ad8a!important;color:#1b4332!important}.tab-button-outlined:hover{background:#1b43320d!important;border-color:#1b4332!important}.add-address-button{background:linear-gradient(135deg,#58ad8a,#0b3f28)!important;border-radius:12px!important;box-shadow:0 4px 12px #58ad8a4d!important;color:#fff!important;font-size:.95rem!important;font-weight:600!important;height:48px!important;text-transform:none!important;transition:all .3s ease!important}.add-address-button:hover{background:linear-gradient(135deg,#4a9d7a,#083b24)!important;box-shadow:0 6px 20px #58ad8a66!important;transform:translateY(-2px)!important}.create-campaign-button{background:linear-gradient(135deg,#58ad8a,#0b3f28)!important;border-radius:16px!important;box-shadow:0 8px 25px #58ad8a66!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;height:56px!important;margin-top:2.5rem!important;overflow:hidden!important;position:relative!important;text-transform:none!important;transition:all .3s ease!important}.create-campaign-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-campaign-button:hover:before{left:100%}.create-campaign-button:hover{background:linear-gradient(135deg,#4a9d7a,#083b24)!important;box-shadow:0 12px 35px #58ad8a80!important;transform:translateY(-3px)!important}.create-campaign-button:disabled{background:#dadce0!important;color:#666!important}.section-title{color:#1b4332!important}.auth-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.auth-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:450px;padding:2rem;width:100%}.auth-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#666;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#06c;outline:none}button{background:linear-gradient(90deg,#58ad8a,#0b3f28);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .2s ease;width:100%}button:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.5rem}.auth-switch{color:#666;margin-top:1rem;text-align:center}.auth-switch button{background:none;border:none;color:#1b4332;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;width:auto}.auth-switch button:hover{background:none;color:#0052a3}.image-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-image{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:10px;position:absolute;right:-40px;top:-40px;transition:transform .2s}.image-modal-close:hover{transform:scale(1.1)}@media (max-width:768px){.image-modal-close{right:0;top:-40px}}.loading-overlay{align-items:center;background-color:#1a1a1ae6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{border:4px solid #2e7d32;border-top-color:#0000;height:60px;width:60px}.loading-text{color:#fff;font-size:18px;font-weight:500;margin-top:20px}.street-view{margin:0 auto;max-width:1400px;padding:24px}.street-view-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.header-left{display:flex;flex-direction:column;gap:16px}.back-button{align-items:center;background:none;border:none;border-radius:6px;color:#1b4332;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;width:100px}.back-button:hover{background:#1b433214}.street-info h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0}.street-info p{color:#666;font-size:16px;margin:8px 0 0}.download-button{align-items:center;background-color:#004d1a;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;white-space:nowrap}.download-button:hover{background-color:#003d15}.download-button:disabled{background-color:#ccc;cursor:not-allowed}.download-all-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.download-error{color:#dc3545;font-size:14px;margin-top:4px}.houses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.house-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.house-image{height:200px;overflow:hidden;width:100%}.house-image img{height:100%;object-fit:cover;width:100%}.house-details{padding:16px}.house-details h3{color:#1a1a1a;font-size:18px;font-weight:500;margin:0 0 16px}.house-actions{display:flex;gap:12px}.download-button,.view-button{border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;text-align:center;transition:all .2s ease}.view-button{background:#f5f5f5;border:1px solid #ddd;color:#333}.view-button:hover{background:#eee}.download-button{background:#004d1a;border:1px solid #004d1a;color:#fff}.download-button:hover{background:#003d15}.street-view-loading{color:#666}.street-view-error,.street-view-loading{font-size:18px;padding:48px;text-align:center}.street-view-error{color:#c00}.show-more-container{display:flex;justify-content:center;margin-top:32px;padding:16px}.show-more-button{background:linear-gradient(90deg,#58ad8a,#0b3f28);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:background .2s ease}.show-more-button:hover{background:linear-gradient(90deg,#4a9d7a,#083b24)}.show-more-button:disabled{background:#ccc;cursor:not-allowed}.subscription-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:transform .2s,box-shadow .2s}.subscription-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.subscription-card.current-plan{border:2px solid #48bb78;box-shadow:0 4px 6px -1px #48bb781a}.current-plan-badge{background:linear-gradient(135deg,#48bb78,#38a169);border-bottom-left-radius:8px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:-1px;top:-1px}.plan-highlight{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 2px 4px #0000001a;left:-2rem;padding:.25rem;position:absolute;text-align:center;top:1rem;transform:rotate(-45deg);width:8rem}.highlight-badge{color:#fff;font-size:.75rem;font-weight:600}.plan-header{margin-bottom:2rem;overflow:visible;padding-top:1rem;text-align:center}.plan-name{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.plan-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem;min-height:4rem;overflow:visible}.price-currency{color:#4a5568;font-size:1.5rem;font-weight:600;margin-right:.25rem}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;display:inline-block;font-size:3rem;font-weight:800;line-height:1.1;padding:.1rem 0;white-space:nowrap}@supports not (-webkit-background-clip:text){.price-amount{background:none;color:#667eea}}.price-interval{color:#718096;font-size:1.125rem;font-weight:500;margin-left:.25rem}.plan-features{margin-bottom:2rem}.plan-features ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:#4a5568;display:flex;font-size:.95rem;line-height:1.5;min-width:0}.plan-features li:last-child{margin-bottom:0}.feature-check{color:#48bb78;flex-shrink:0;font-size:1rem;font-weight:700;margin-right:.75rem;margin-top:.125rem}.plan-action{text-align:center}.subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #667eea40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s;width:100%}.subscribe-btn:hover:not(:disabled){box-shadow:0 6px 20px -5px #667eea66;transform:translateY(-1px)}.subscribe-btn:active{transform:translateY(0)}.subscribe-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.subscribe-btn.current{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 6px -1px #48bb7840}.subscribe-btn.current:hover:not(:disabled){box-shadow:0 6px 20px -5px #48bb7866}.auth-notice{color:#718096;font-size:.875rem;margin-top:1rem;text-align:center}@media (max-width:992px){.plan-features ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.subscription-card{padding:1.5rem}.plan-name{font-size:1.25rem}.plan-price{min-height:3.5rem}.price-amount{font-size:2.5rem;line-height:1}.price-currency{font-size:1.25rem}.price-interval{font-size:1rem}.plan-features li{font-size:.9rem}}@media (max-width:480px){.plan-features ul{grid-template-columns:1fr}.plan-price{flex-wrap:wrap;gap:.25rem;min-height:3rem}.price-amount{font-size:2rem}.price-currency{font-size:1rem}.price-interval{font-size:.9rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.subscribe-btn:disabled{animation:pulse 1.5s ease-in-out infinite}.current-subscription{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative}.current-subscription.active{background:linear-gradient(135deg,#48bb7808,#38a16903);border-color:#48bb78;box-shadow:0 10px 25px -5px #48bb7826,0 8px 10px -6px #48bb781a}.current-subscription.active:before{background:linear-gradient(90deg,#48bb78,#38a169);content:"";height:4px;left:0;position:absolute;right:0;top:0}.current-subscription.cancelling{background:linear-gradient(135deg,#ed893608,#dd6b2003);border-color:#ed8936;box-shadow:0 10px 25px -5px #ed893626,0 8px 10px -6px #ed89361a}.current-subscription.cancelling:before{background:linear-gradient(90deg,#ed8936,#dd6b20);content:"";height:4px;left:0;position:absolute;right:0;top:0}.current-subscription.expired{background:linear-gradient(135deg,#e53e3e08,#c5303003);border-color:#e53e3e;box-shadow:0 10px 25px -5px #e53e3e26,0 8px 10px -6px #e53e3e1a}.current-subscription.expired:before{background:linear-gradient(90deg,#e53e3e,#c53030);content:"";height:4px;left:0;position:absolute;right:0;top:0}.current-subscription.no-subscription{background:linear-gradient(135deg,#cbd5e005,#a0aec005);border-left-color:#cbd5e0;text-align:center}.subscription-header{align-items:center;border-bottom:2px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.subscription-header:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.subscription-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.subscription-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:12px;display:flex;gap:.75rem;padding:.5rem 1rem}.subscription-status.no-subscription h2{font-size:1.25rem;margin-bottom:.5rem}.subscription-status.no-subscription p{color:#718096;margin:0}.status-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.status-text{font-size:.95rem;font-weight:600}.subscription-status.active .status-text{color:#48bb78}.subscription-status.cancelling .status-text{color:#ed8936}.subscription-status.expired .status-text{color:#e53e3e}.subscription-details{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr auto}.subscription-info{grid-gap:1.5rem;display:grid;gap:1.5rem}.info-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;transition:all .2s ease}.info-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px -2px #0000000d;transform:translateY(-1px)}.info-item label{color:#4a5568;font-size:.95rem;font-weight:600;letter-spacing:.025em;position:relative;text-transform:uppercase}.info-item label:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;opacity:.3;position:absolute;width:20px}.info-item span{color:#1a202c;font-size:1rem;font-weight:600}.status-badge{border:2px solid #0000;border-radius:25px;box-shadow:0 2px 4px #0000001a;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.status-badge.active{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-color:#68d391;color:#22543d}.status-badge.cancelling{background:linear-gradient(135deg,#fbd38d,#f6ad55);border-color:#ed8936;color:#744210}.status-badge.expired{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#e53e3e;color:#742a2a}.expiring-soon{color:#ed8936!important;font-weight:600}.subscription-actions{display:flex;flex-direction:column;gap:1.5rem;min-width:220px}.cancel-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:12px;box-shadow:0 4px 12px #e53e3e4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.cancel-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cancel-btn:hover:before{left:100%}.cancel-btn:hover{background:#c53030;box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-1px)}.cancellation-notice,.expired-notice{border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:.95rem;line-height:1.6;padding:1.25rem;position:relative}.cancellation-notice{background:linear-gradient(135deg,#fbd38d,#f6ad55);border:2px solid #ed8936;color:#744210}.cancellation-notice:before{content:"⚠️";font-size:1.25rem;position:absolute;right:1rem;top:1rem}.expired-notice{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #e53e3e;color:#742a2a}.expired-notice:before{content:"❌";font-size:1.25rem;position:absolute;right:1rem;top:1rem}.cancellation-notice p,.expired-notice p{margin:0}.subscription-benefits{border-top:2px solid #f7fafc;margin-top:3rem;padding-top:2.5rem;position:relative}.subscription-benefits:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;content:"";height:2px;left:0;position:absolute;top:-2px;width:80px}.subscription-benefits h3{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.subscription-benefits h3:before{content:"✨";font-size:1.5rem}.benefits-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-item{align-items:center;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #9ae6b4;border-radius:12px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.benefit-item:before{background:linear-gradient(180deg,#48bb78,#38a169);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.benefit-item:hover{border-color:#68d391;box-shadow:0 8px 25px -5px #48bb7840;transform:translateY(-2px)}.benefit-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:1.5rem}.benefit-item span:last-child{color:#22543d;font-size:.95rem;font-weight:600;line-height:1.4}@media (max-width:768px){.current-subscription{margin-bottom:2rem;padding:2rem}.subscription-header{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.subscription-header h2{font-size:1.5rem}.subscription-status{align-self:stretch;justify-content:center}.subscription-details{gap:2rem;grid-template-columns:1fr}.subscription-actions{min-width:auto;order:-1}.info-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.info-item label:after{width:100%}.benefits-list{gap:1rem;grid-template-columns:1fr}.benefit-item{padding:1rem}}@media (max-width:480px){.current-subscription{padding:1.5rem}.subscription-header{margin-bottom:1.5rem;padding-bottom:1rem}.subscription-header h2{font-size:1.25rem}.subscription-details{gap:1.5rem}.subscription-info{gap:1rem}.info-item{padding:.75rem}.info-item label{font-size:.85rem}.info-item span{font-size:.9rem}.benefit-item{gap:.75rem;padding:.75rem}.benefit-item span:last-child{font-size:.85rem}.subscription-benefits{margin-top:2rem;padding-top:2rem}.cancel-btn{font-size:.9rem;padding:.875rem 1.25rem}.cancellation-notice,.expired-notice{font-size:.85rem;padding:1rem}}.billing-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.billing-header{margin-bottom:3rem;text-align:center}.billing-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.billing-header p{color:#4a5568;font-size:1.2rem;margin:0 auto;max-width:600px}.billing-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.billing-error{align-items:center;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.billing-error button{background:#0000;border:none;border-radius:4px;color:#c53030;cursor:pointer;font-weight:600;padding:.25rem .5rem;transition:background-color .2s}.billing-error button:hover{background:#c530301a}.subscription-plans{margin-bottom:4rem}.subscription-plans h2{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.billing-features{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:3rem;padding:3rem}.billing-features h2{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.feature-item:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-item p{color:#4a5568;line-height:1.6}.billing-faq{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:3rem}.billing-faq h2{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.faq-item{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:2rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.faq-item p{color:#4a5568;line-height:1.6}@media (max-width:768px){.billing-container{padding:1rem}.billing-header h1{font-size:2rem}.billing-header p{font-size:1rem}.features-grid,.plans-grid{gap:1rem;grid-template-columns:1fr}.billing-faq,.billing-features{padding:2rem}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-success-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.payment-loading{color:#4a5568;text-align:center}.payment-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#48bb78;height:60px;margin:0 auto 2rem;width:60px}.success-icon{margin-bottom:2rem}.checkmark{stroke:#48bb78;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;box-shadow:inset 0 0 0 #48bb78;display:block;margin:0 auto;position:relative}.checkmark,.checkmark-circle{stroke-width:3;stroke-miterlimit:10;border-radius:50%;height:80px;width:80px}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke:#48bb78;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards;border:3px solid #48bb78;left:0;position:absolute;top:0}.checkmark-stem{left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:50% 50%;transform-origin:center;width:20px}.checkmark-kick,.checkmark-stem{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;background:#48bb78;height:2px;position:absolute}.checkmark-kick{left:35%;top:60%;transform:rotate(-45deg);transform-origin:50% 50%;transform-origin:center;width:12px}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #48bb78}}.payment-success-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#48bb78,#38a169);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1rem}.payment-success-card>p{color:#4a5568;font-size:1.125rem;margin-bottom:2rem}.subscription-details{background:#f0fff4;border:1px solid #9ae6b4;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.subscription-details h3{color:#22543d;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.detail-item{align-items:center;border-bottom:1px solid #c6f6d5;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:#4a5568;font-weight:500}.detail-item span:last-child{color:#2d3748;font-weight:600}.status-active{background:#c6f6d5;border-radius:12px;color:#22543d!important;font-size:.875rem;padding:.25rem .75rem}.success-benefits{margin-bottom:2rem;text-align:left}.success-benefits h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.success-benefits ul{list-style:none;margin:0;padding:0}.success-benefits li{color:#4a5568;font-size:.95rem;padding:.5rem 0}.continue-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .2s;width:100%}.continue-btn:hover{box-shadow:0 6px 20px -5px #48bb7866;transform:translateY(-1px)}.receipt-note{color:#718096;font-size:.875rem;margin:0}@media (max-width:768px){.payment-success-container{padding:1rem}.payment-success-card{padding:2rem}.payment-success-card h1{font-size:1.5rem}.checkmark,.checkmark-circle{height:60px;width:60px}}.contact-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.contact-header{margin-bottom:2rem;text-align:center}.contact-header h1{color:#2d3748;font-size:2rem;margin-bottom:.5rem}.contact-header p{color:#718096}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#4a5568;font-weight:500}.form-group input,.form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group select{cursor:pointer}.form-group input:focus,.form-group select:focus{border-color:#2e7d32;box-shadow:0 0 0 1px #2e7d32;outline:none}.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-family:inherit;font-size:1rem;min-height:200px;padding:.75rem;resize:vertical;transition:border-color .2s}.form-group textarea:focus{border-color:#2e7d32;box-shadow:0 0 0 1px #2e7d32;outline:none}.submit-button{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.submit-button:hover{background:#1b5e20}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.error-message{color:#e53e3e;font-size:.875rem;margin-top:.5rem}.success-message{background:#f0fff4;border-radius:6px;color:#2e7d32;margin-top:1rem;padding:1rem;text-align:center}@media (max-width:640px){.contact-container{margin:1rem;padding:1rem}.contact-header h1{font-size:1.5rem}}.mobile-blocker{align-items:center;background-color:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.mobile-blocker-content{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;max-width:90%;padding:2rem;text-align:center}.desktop-icon{color:#4caf50;margin-bottom:1rem}.mobile-blocker h2{color:#fff;font-size:1.5rem;margin:1rem 0}.mobile-blocker p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin:0}
/*# sourceMappingURL=main.d88d0089.css.map*/