*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,fieldset{margin:0}body{line-height:1.5}input,button,select,textarea{font:inherit}img,picture,video,canvas,svg{display:block;height:auto;max-width:100%}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:button}[type="search"]{-webkit-appearance:none}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{min-height:1px;padding:0 20px;position:relative}@media (min-width: 1024px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0 20px}}@media (min-width: 1280px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0 25px}}@media (min-width: 1900px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0 30px}}.col-section{display:flex;flex-flow:row wrap}.col-no-margin{margin:0 -20px}@media (min-width: 1024px){.col-no-margin{margin:0 -20px}}@media (min-width: 1280px){.col-no-margin{margin:0 -25px}}@media (min-width: 1900px){.col-no-margin{margin:0 -30px}}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width: 768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width: 1024px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width: 1280px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}html{scroll-behavior:smooth}body{color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px}h1,h2,h3,h4{font-weight:700;line-height:1.1;margin-bottom:.67em}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}p,li{line-height:1.3;margin-bottom:1em}li{margin-bottom:.3em}ul,ol{margin-bottom:1em}img{max-width:100%}a{color:#0275d8}.app-background{background:linear-gradient(90deg, #fff 0%, #fff 29.99%, rgba(236,236,241,0.3) 30%, rgba(236,236,241,0.3) 100%)}@media (max-width: 1023px){.app-background{background:rgba(236,236,241,0.3)}}.grey-background{background:rgba(236,236,241,0.3)}.page-content ul,.page-content ol{margin-left:40px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:#3c763d}.text-warning{color:#8a6d3b}.text-error{color:#b60000}.section-wrapper{padding-left:20px;padding-right:20px;padding-top:40px;padding-bottom:40px;max-width:1800px;margin:0 auto}@media (min-width: 1024px){.section-wrapper{padding-left:30px;padding-right:30px}}@media (min-width: 768px){.section-wrapper{padding-top:50px;padding-bottom:50px}}@media (min-width: 1024px){.section-wrapper{padding-top:52px;padding-bottom:52px}}.section-wrapper img{max-width:100%}.app-wrapper{padding-left:20px;padding-right:20px;max-width:1800px;margin:0 auto;min-height:calc(100vh - 73px)}@media (min-width: 1024px){.app-wrapper{padding-left:30px;padding-right:30px}}.app-wrapper img{max-width:100%}@media (max-width: 1023px){.app-wrapper{height:calc(100vh - 62px)}}.marketing-wrapper{padding-left:20px;padding-right:20px;padding-top:60px;padding-bottom:60px;max-width:1800px;margin:0 auto;max-width:1700px}@media (min-width: 1024px){.marketing-wrapper{padding-left:30px;padding-right:30px}}@media (min-width: 1280px){.marketing-wrapper{padding-left:50px;padding-right:50px}}@media (min-width: 1024px){.marketing-wrapper{padding-top:80px;padding-bottom:80px}}.marketing-wrapper img{max-width:100%}.hidden{display:none}header{background:#151b2b;color:#fff;height:73px;overflow:hidden;padding:10px 0}header #header-wrapper{max-width:1800px;margin:0 auto;padding-left:20px;padding-right:20px;align-items:center;justify-content:space-between;min-height:54px}@media (min-width: 1024px){header #header-wrapper{padding-left:30px;padding-right:30px}}header #header-actions{align-items:center;display:flex;font-size:16px;font-weight:700;gap:20px}header #header-actions>a{color:#fff;padding:10px 0;text-decoration:none}header #header-actions>a:hover{color:#fae832}header #header-actions>a.active{color:#fae832}@media (max-width: 829px){header #header-actions{background:#151b2b;box-shadow:0 4px 10px rgba(0,0,0,0.25);display:none;padding:20px;position:absolute;right:0;top:62px;width:100%;z-index:110}header #header-actions a{width:100%}}@media (min-width: 830px){header #header-actions{display:flex !important}}header .user-menu svg{display:none}header .user-menu ul{padding:15px 15px 5px 15px}header .user-menu ul li{list-style-type:none;margin-bottom:10px}header .user-menu ul li a{color:#fff;text-decoration:none}header .user-menu ul li a:hover,header .user-menu ul li a.active{color:#fae832}header .user-menu ul li button{background:none;border:none;font-size:16px;padding:0}header .user-menu ul li button:hover{background:none;color:#fae832}header .user-menu:hover ul{display:block}@media (min-width: 830px){header .user-menu span{padding:15px 0}header .user-menu svg{display:inline-block;margin-left:2px}header .user-menu ul{background:#fff;border:1px solid #ccc;border-radius:4px;display:none;margin-left:-60px;position:absolute;top:60px;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:165px;z-index:1}header .user-menu ul:before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}header .user-menu ul li a{color:#222}header .user-menu ul li a:hover,header .user-menu ul li a.active{color:#0275d8}header .user-menu ul li button{color:#222}header .user-menu ul li button:hover{color:#0275d8}}@media (max-width: 1023px){header{height:62px}header #header-wrapper{min-height:40px}header #header-logo{width:220px}}#header-skip-container{background:#eee;text-align:center;width:100%}#header-skip-container #header-skip{color:#333;display:inline-block;margin-top:-140px;padding:10px;position:absolute}#header-skip-container #header-skip:focus{text-decoration:underline;margin-top:0;position:static}.mobile-toggle{background:none;border:none;display:none;height:32px;padding:0;position:absolute;right:15px;top:16px;width:32px;z-index:2}.mobile-toggle:hover,.mobile-toggle:focus{background:none}.mobile-toggle:focus{outline:2px solid #fae832;outline-offset:2px}.mobile-toggle:focus:not(:focus-visible){outline:none}.mobile-toggle .mobile-toggle__icon{background:#fff;border-radius:8px;display:block;height:4px;position:relative;transition:background-color 0.2s;width:100%}.mobile-toggle .mobile-toggle__icon::before,.mobile-toggle .mobile-toggle__icon::after{background:#fff;border-radius:8px;content:"";height:4px;left:0;position:absolute;transition:transform 0.2s;width:100%}.mobile-toggle .mobile-toggle__icon::before{top:-9px}.mobile-toggle .mobile-toggle__icon::after{top:9px}.mobile-toggle[aria-expanded="true"] .mobile-toggle__icon{background:transparent}.mobile-toggle[aria-expanded="true"] .mobile-toggle__icon::before{transform:rotate(45deg) translate(7px, 7px)}.mobile-toggle[aria-expanded="true"] .mobile-toggle__icon::after{transform:rotate(-45deg) translate(6px, -6px)}@media (max-width: 829px){.mobile-toggle{display:block}}#menu-primary-menu{display:none;float:none;margin:0 auto;margin-top:10px;margin-right:40px;margin-bottom:5px;overflow:auto}#menu-primary-menu li{list-style-type:none;margin-bottom:10px}#menu-primary-menu li a{color:#999;font-size:16px;margin-top:5px;text-align:center;text-decoration:none}#menu-primary-menu li a:hover{color:#53bffd}@media (min-width: 830px){#menu-primary-menu{display:inline-block !important;float:right;margin-top:34px;margin-right:0;width:auto}#menu-primary-menu li{display:inline;margin-bottom:0;margin-left:16px}}.auth-container{max-width:400px;margin:60px auto;padding:20px}.auth-form h2{margin:0 0 20px;text-align:center}.auth-form input{font-size:16px}.auth-form .btn-primary{width:100%}.error-message{color:#dc3545;font-size:14px;margin:10px 0;text-align:center}.verification-message{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;padding:15px;margin:10px 0;text-align:center}.verification-message p{font-size:14px;margin:0 0 10px}.verification-message .btn-text{background:none;border:none;color:#856404;text-decoration:underline;padding:0;font-size:14px}.verification-message .btn-text:hover{background:none;color:#533f03}.auth-switch{margin-top:20px;text-align:center;font-size:14px}.auth-password-wrapper{display:flex;align-items:center;justify-content:space-between}.auth-password-wrapper a{margin-bottom:4px;text-decoration:none}.hidden{display:none}.header-actions{display:flex;align-items:center;gap:20px}.white-container{background:#fff;padding:30px;border:1px solid rgba(0,17,102,0.2);border-radius:4px}#home-page{font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif}#home-page header #header-actions{flex-grow:1}#home-page header #header-actions>a.btn{padding:10px 18px}#home-page header #header-actions #marketing-nav{display:flex;flex-wrap:wrap;flex-grow:1;gap:20px;padding-left:50px}#home-page header #header-actions #marketing-nav a{color:#fff;font-size:16px;font-weight:700;padding:12px 0 8px;text-decoration:none}#home-page header #header-actions #marketing-nav a:hover{color:#fae832}@media (max-width: 767px){#home-page header #header-actions #marketing-nav{gap:0;padding-left:0}}#home-page header #header-actions .header-actions-right{display:flex;flex-wrap:wrap;gap:20px}#home-page header #header-actions .header-actions-right a{color:#fff;font-size:16px;font-weight:700;padding-top:10px;padding-bottom:10px;text-decoration:none}#home-page header #header-actions .header-actions-right a:hover:not(.btn){color:#fae832}@media (min-width: 1024px){#home-page header{height:auto;padding:20px 0}#home-page header #header-wrapper{max-width:1700px;padding-left:50px;padding-right:50px}}#home-page h3{font-size:45px;margin-bottom:60px}@media (max-width: 650px){#home-page h3{font-size:32px;margin-bottom:40px}}#home-banner{background:#151b2b;overflow:hidden;padding-bottom:calc((14* 0.8vw) - 130px);position:relative}#home-banner .banner-container{max-width:1800px;margin:0 auto;max-width:1700px;display:flex;flex-direction:column;position:relative;padding:60px 50px 80px;justify-content:center}#home-banner .banner-background{position:absolute;bottom:0;width:100%}#home-banner .banner-content{gap:20px;display:flex}#home-banner .banner-content .content-column{display:flex;width:50%}#home-banner .banner-content .text-container{margin-top:auto;margin-bottom:auto;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif}#home-banner .banner-content .btn-outline{font-size:18px;margin-top:10px;padding:10px 20px}#home-banner .banner-heading{color:#fff;font-size:66px;line-height:1em;margin-right:30px;margin-bottom:15px}#home-banner .banner-description{color:#e1e4ee;font-size:20px;max-width:570px}#home-banner .image-column{width:50%}#home-banner .image-column .feature-image-wrapper{background:#fff;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.25);transform:rotate(-5deg)}#home-banner .image-column .feature-image{border-radius:8px}@media (max-width: 1345px){#home-banner .banner-heading{font-size:58px}#home-banner .banner-description{max-width:510px}}@media (max-width: 1205px){#home-banner .banner-heading{font-size:45px}}@media (max-width: 1023px){#home-banner .banner-container{padding:20px 20px 50px}#home-banner .banner-content{flex-direction:column}#home-banner .banner-content .content-column{width:100%}#home-banner .banner-content .text-container{max-width:100%;margin-top:40px}#home-banner .banner-heading{font-size:55px;margin-right:0}#home-banner .image-column{margin-left:20px;width:100%}}@media (max-width: 650px){#home-banner .banner-heading{font-size:40px}}@media (min-width: 1600px){#home-banner .banner-content .content-column{width:45%}#home-banner .image-column{width:55%}}@media (min-width: 1800px){#home-banner{padding-bottom:calc((14* 0.8vw) - 140px)}}#video-dialog{display:none}#video-dialog .dialog{max-width:1050px}#video-dialog .dialog-content{border:6px solid #fff;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}#video-dialog .dialog-content iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 767px){#video-dialog .dialog{width:100%}}.section-bubble-header h2{background-color:rgba(255,223,235,0.3);border-radius:40px;color:#fa3277;display:inline-block;font-size:18px;font-weight:600;min-width:230px;text-align:center;font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:20px;padding:14px 50px}.section-bubble-header.section-bubble-blue h2{background-color:#F0F8FF;color:#0275d8}@media (max-width: 650px){.section-bubble-header h2{font-size:16px}}#features{text-align:center}#features .features-grid{gap:10%}#features .feature-item{flex:1 1 calc((100% - 20%) / 3);margin-bottom:40px}#features .feature-item .feature-icon{display:flex;justify-content:center;margin-bottom:20px}#features .feature-item h4{font-size:24px;margin-bottom:10px}#features .feature-item p{color:#444;font-size:18px}#features .feature-item em{font-size:14px;font-style:normal;color:#999;vertical-align:top}@media (max-width: 1023px){#features .feature-item{flex:1 1 calc((100% - 10%) / 2)}}@media (max-width: 767px){#features .feature-item{flex:1 1 100%}#features .feature-item .feature-icon img{width:60px}#features .feature-item p{margin:0 auto;max-width:500px}}@media (min-width: 1024px){#features{padding-top:0}}#gallery{background:#e2f3fe;padding-top:20px;position:relative;text-align:center}#gallery .gallery-background{position:absolute;top:0;width:100%}#gallery .gallery-container{position:relative}#gallery .gallery-wrapper{background:#fff;border:1px solid rgba(2,117,216,0.3);border-radius:8px;max-width:1100px;margin:0 auto;margin-bottom:20px;overflow:hidden}#gallery .gallery-slide{background:#fff;border-radius:8px;height:550px;max-height:calc(100vw - 40px);padding:15px}#gallery .gallery-slide .snappyChartsSquare,#gallery .gallery-slide .snappyChartsRectangle{margin:0 auto;max-height:100%}#gallery .gallery-controls{align-items:center;display:flex;justify-content:center;gap:15px}#gallery .gallery-controls .gallery-prev,#gallery .gallery-controls .gallery-next{background:none;border:none;cursor:pointer;padding:0;width:35px;height:35px}#gallery .gallery-controls .gallery-prev[disabled] svg path,#gallery .gallery-controls .gallery-next[disabled] svg path{fill:#ccc}#gallery .gallery-controls .gallery-prev:hover:not([disabled]) svg path,#gallery .gallery-controls .gallery-next:hover:not([disabled]) svg path{fill-opacity:1}#gallery .gallery-controls .gallery-next{order:3}#gallery .gallery-nav button{background:rgba(255,255,255,0.8);border:1px solid rgba(2,117,216,0.3);border-radius:50%;margin:0 3px;padding:0;width:15px;height:15px}#gallery .gallery-nav button.tns-nav-active{background:#fa3277}#gallery .coffee-slide{background-color:#f6f2f0}#pricing .pricing-container{display:flex;justify-content:center}#pricing .pricing-title{text-align:center}#pricing .pricing-content{display:flex;width:872px;max-width:100%;flex-direction:column;align-items:center}#pricing .pricing-cards{align-self:stretch}#pricing .pricing-cards-wrapper{display:flex;gap:40px}#pricing .pricing-card{display:flex;max-width:426px;width:50%}#pricing .pricing-card-content{border-radius:8px;border:1px solid rgba(2,117,216,0.3);display:flex;flex-direction:column;padding:35px;width:100%}#pricing .plan-name{font-size:25px;font-weight:400;margin:0}#pricing .plan-price{font-size:32px;font-weight:700;margin:13px 0 0 0}#pricing .price-amount{font-size:40px}#pricing .price-period{color:#999;font-size:18px;font-weight:400}#pricing .price-feature-list{font-size:18px;list-style:none;margin-top:40px;padding:0}#pricing .price-feature-list li{background:url("../images/checkmark-icon-blue.svg") no-repeat left top;margin-bottom:10px;padding-left:35px}#pricing .price-feature-list.price-feature-list-pink li{background:url("../images/checkmark-icon-pink.svg") no-repeat left top}#pricing .btn.action-button{border-radius:8px;font-size:18px;margin-top:60px;padding:10px 20px;text-align:center;width:100%}#pricing .btn.free-button{margin-top:117px}@media (max-width: 850px){#pricing .pricing-cards-wrapper{align-items:center;flex-direction:column;gap:0}#pricing .pricing-card{width:100%}#pricing .pricing-card+.pricing-card{margin-top:40px}#pricing .pricing-card-content{padding:24px}#pricing .btn.action-button{margin-top:40px}}@media (min-width: 1024px){#pricing .pricing-cards-wrapper{gap:60px}}footer{background:#151b2b;color:#fff}footer .footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between}footer .footer-logo img{margin-bottom:20px}#chart-type{display:flex;gap:20px;margin-bottom:20px}.chart-type-button{background:#fff;border:3px solid #ccc;border-radius:4px;color:#666;font-size:18px;font-weight:700;padding:12px;text-align:center;width:calc(50% - 10px)}.chart-type-button.active{border-color:#0275d8;color:#000}.chart-type-button:hover,.chart-type-button:focus{background:#fff;border-color:#0275d8;color:#000}.chart-type-button img{margin:0 auto;margin-bottom:15px;width:75px}.chart-type-button-pro{background:#f8f8f8;border-color:#ddd;color:#999;cursor:not-allowed;position:relative}.chart-type-button-pro:hover,.chart-type-button-pro:focus{background:#f8f8f8;border-color:#ddd;color:#999}.chart-type-button-pro::after{background:rgba(255,255,255,0.95);border-radius:4px;color:#666;content:"Upgrade to unlock";display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}#chart-builder{height:100%;min-height:calc(100vh - 73px);width:100%}#chart-builder #chart-builder-inputs{background:#fff;padding:40px 30px 40px 0;width:30%}#chart-builder #chart-builder-inputs #chart-builder-inputs-toggle{display:none}#chart-builder #chart-builder-inputs #chart-builder-tabs{display:flex;margin-bottom:20px}#chart-builder #chart-builder-inputs #chart-builder-tabs .tab-button{background:none;border:0;border-bottom:4px solid #ccc;border-radius:0;color:#666;flex:1;font-size:18px;font-weight:700;margin:5px 0;padding:6px 0;text-align:left;text-indent:15px}#chart-builder #chart-builder-inputs #chart-builder-tabs .tab-button:first-of-type{text-indent:0}#chart-builder #chart-builder-inputs #chart-builder-tabs .tab-button.active{border-color:#0275d8;color:#000}#chart-builder #chart-builder-inputs #chart-builder-tabs .tab-button:hover:not(.active){border-color:#aaa;color:#000}#chart-builder #chart-builder-inputs #chart-data-table-wrapper{border:1px solid #eee;border-radius:4px;margin-bottom:20px;padding:0 0 5px 0}#chart-builder #chart-builder-inputs #chart-data-table-wrapper button{color:#999;padding:10px;margin:0}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-remove-row svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-remove-column svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-column svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row svg{display:inline-block;fill:#aaa;margin-top:-1px;vertical-align:middle}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-remove-row:hover svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-remove-column:hover svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-column:hover svg,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row:hover svg{fill:#000}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-column,#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row{padding:7px}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-remove-column{margin-top:-10px}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row{font-size:14px;font-weight:normal;width:calc(100% - 59px);margin:5px 0 5px 22px}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row svg{margin:-3px 4px 0 0}#chart-builder #chart-builder-inputs #chart-data-table-wrapper .table-add-row:hover{border-color:#aaa;color:#000}#chart-builder #chart-builder-inputs #chart-data-table{width:100%}#chart-builder #chart-builder-inputs #chart-data-table th,#chart-builder #chart-builder-inputs #chart-data-table td{min-width:35px;position:relative;padding:2px}#chart-builder #chart-builder-inputs #chart-data-table th{padding:10px 2px;text-align:center;vertical-align:bottom;background:#ecf6ff}#chart-builder #chart-builder-inputs #chart-data-table th:first-of-type{padding-left:22px}#chart-builder #chart-builder-inputs #chart-data-table th:last-of-type{width:35px}#chart-builder #chart-builder-inputs #chart-data-table td:first-of-type input{width:calc(100% - 20px)}#chart-builder #chart-builder-inputs #chart-data-table input{margin:0;width:100%}#chart-builder #chart-builder-inputs #chart-data-table button{background:none;border:none}#chart-builder #chart-builder-inputs #chart-save{width:100%}@media (max-width: 1023px){#chart-builder #chart-builder-inputs{transition:all 0.2s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,0.1);height:auto;overflow:hidden;margin-left:-20px;margin-right:-20px;padding:20px;width:calc(100% + 40px);z-index:100}#chart-builder #chart-builder-inputs.collapsed{height:60px}#chart-builder #chart-builder-inputs.collapsed #chart-builder-tabs,#chart-builder #chart-builder-inputs.collapsed .tab-panels,#chart-builder #chart-builder-inputs.collapsed #chart-save{display:none}#chart-builder #chart-builder-inputs.collapsed #chart-builder-inputs-toggle:after{transform:rotate(90deg)}#chart-builder #chart-builder-inputs #chart-builder-inputs-toggle{background:none;border:none;color:#222;display:block;margin:-10px 0 10px 0;position:relative;width:24px;height:24px;width:100%}#chart-builder #chart-builder-inputs #chart-builder-inputs-toggle:after{background:url("../images/right-button.svg") no-repeat;background-size:18px;content:"";display:inline-block;height:18px;margin-left:8px;margin-top:-2px;transform:rotate(-90deg);vertical-align:middle;width:18px}}#chart-builder #chart-builder-chart{border-left:1px solid rgba(0,17,102,0.2);flex-grow:1;padding:40px 0 20px 30px;width:calc(70% - 40px)}@media (max-width: 1023px){#chart-builder #chart-builder-chart{border-left:0;padding:40px 0 0 0;width:100%}}#chart-builder #chart-builder-canvas-wrapper{aspect-ratio:2 / 1;background:#fff;border:1px solid rgba(0,17,102,0.2);display:flex;align-items:center;justify-content:center;position:relative;min-height:1px;max-height:620px;text-align:center;width:100%}#chart-builder #chart-builder-canvas-wrapper .chart-canvas-container{aspect-ratio:2 / 1;height:100%;max-width:100%;display:flex;align-items:center;justify-content:center}#chart-builder #chart-builder-canvas-wrapper .chart-canvas-container canvas{max-width:100%;max-height:100%}#chart-builder:not(.type-bar) .setting-bar{display:none}#chart-builder:not(.type-line) .setting-line{display:none}#chart-builder:not(.type-bar):not(.type-line):not(.type-scatter) .setting-line-bar-scatter{display:none}#chart-builder:not(.type-bar):not(.type-line):not(.type-scatter):not(.type-radar) .setting-line-bar-scatter-radar{display:none}#chart-builder:not(.type-scatter) .setting-scatter{display:none}#chart-builder:not(.type-doughnut) .setting-doughnut{display:none}#chart-builder:not(.type-radar) .setting-radar{display:none}#chart-builder:not(.type-polarArea) .setting-polar-area{display:none}#chart-builder.type-doughnut #chart-builder-canvas-wrapper,#chart-builder.type-pie #chart-builder-canvas-wrapper,#chart-builder.type-polarArea #chart-builder-canvas-wrapper,#chart-builder.type-radar #chart-builder-canvas-wrapper{aspect-ratio:1 / 1}#chart-builder.type-doughnut #chart-builder-canvas-wrapper .chart-canvas-container,#chart-builder.type-pie #chart-builder-canvas-wrapper .chart-canvas-container,#chart-builder.type-polarArea #chart-builder-canvas-wrapper .chart-canvas-container,#chart-builder.type-radar #chart-builder-canvas-wrapper .chart-canvas-container{aspect-ratio:1 / 1;margin:0 auto}@media (max-width: 1200px){#chart-builder.type-bar #chart-builder-canvas-wrapper,#chart-builder.type-line #chart-builder-canvas-wrapper,#chart-builder.type-scatter #chart-builder-canvas-wrapper{aspect-ratio:1.5/1}}@media (max-width: 1023px){#chart-builder{height:auto;min-height:auto}#chart-builder.type-bar #chart-builder-canvas-wrapper,#chart-builder.type-line #chart-builder-canvas-wrapper,#chart-builder.type-scatter #chart-builder-canvas-wrapper{aspect-ratio:2 / 1}}@media (max-width: 768px){#chart-builder.type-bar #chart-builder-canvas-wrapper,#chart-builder.type-line #chart-builder-canvas-wrapper,#chart-builder.type-scatter #chart-builder-canvas-wrapper{aspect-ratio:1.5/1}}@media (max-width: 500px){#chart-builder.type-bar #chart-builder-canvas-wrapper,#chart-builder.type-line #chart-builder-canvas-wrapper,#chart-builder.type-scatter #chart-builder-canvas-wrapper{aspect-ratio:1.05/1}}.tooltip{background:#000;color:#fff;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;position:absolute;left:50%;transition:opacity 0.2s;transform:translateX(-50%) translateY(-100%);margin-top:-35px;z-index:100}.tooltip:after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000}.table-remove-row,.table-remove-column,.table-add-column{position:relative}.table-remove-row:hover+.tooltip,.table-remove-column:hover+.tooltip,.table-add-column:hover+.tooltip{opacity:1}.upload-hint{font-size:0.9em;color:#666;margin-bottom:10px}.tab-panel{display:none}.tab-panel.active{display:block}.tab-toggle-buttons{background:#eee;border-radius:4px;display:flex;margin-bottom:10px}.tab-toggle-buttons .tab-toggle-button{background:none;border:1px solid #eee;border-radius:4px;color:#666;flex:1;font-size:15px;font-weight:700;padding:10px;text-align:center}.tab-toggle-buttons .tab-toggle-button:hover{background:#f6f6f6;color:#222}.tab-toggle-buttons .tab-toggle-button.active{background:#fff;border-color:rgba(0,17,102,0.2);color:#222}.tab-toggle-panel{display:none}.tab-toggle-panel.active{display:block}.accordion-item{border:1px solid rgba(0,17,102,0.2);margin-bottom:10px;padding:0;position:relative}.accordion-item:hover{border-color:rgba(0,13,77,0.45)}.accordion-item .accordion-trigger{background:none;border:none;color:#666;display:block;font-size:16px;font-weight:700;padding:10px 12px;text-align:left;width:100%}.accordion-item .accordion-trigger:after{background:url(../images/arrow-down.svg) no-repeat center right;background-size:10px;content:"";color:#666;float:right;margin-top:7px;height:10px;width:10px}.accordion-item .accordion-trigger:hover{color:#222}.accordion-item .accordion-trigger[aria-expanded="true"]{color:#222}.accordion-item .accordion-trigger[aria-expanded="true"]:after{transform:rotate(180deg)}.accordion-item .accordion-content{display:none;padding:12px 12px 0 12px}.accordion-item label{color:#606060;font-weight:500}.accordion-item .setting{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.accordion-item .setting label{margin-bottom:0}.accordion-item .setting input[type=checkbox]{margin:0;width:27px;height:27px}.accordion-item .setting input[type=color]{border:1px solid rgba(0,17,102,0.2);border-radius:4px;margin:0;padding:0 1px;height:29px;width:29px}.accordion-item .setting input:not([type=checkbox]):not([type=radio]):not([type=color]),.accordion-item .setting textarea,.accordion-item .setting select{margin-bottom:0;padding:3px 8px}.accordion-item .setting input[type=text]:not([type=checkbox]):not([type=radio]):not([type=color]),.accordion-item .setting select{width:45%}.accordion-item .setting select{max-width:120px}.accordion-item .setting input[type=number]{max-width:60px}.accordion-item .setting-style{display:flex;gap:10px}.accordion-item .setting-style input:not([type=checkbox]):not([type=radio]):not([type=color]){width:auto}.accordion-item .setting-style select{min-width:100px}.accordion-item .padding-setting{align-items:flex-start}.accordion-item .padding-inputs{align-items:center;display:flex;gap:12px}.accordion-item .padding-input-wrapper{display:flex;flex-direction:column;gap:20px}.accordion-item .padding-input{display:flex;flex-direction:column;gap:2px}.accordion-item .padding-input label{color:#666;font-size:12px;margin-bottom:0}.accordion-item .padding-input input:not([type=checkbox]):not([type=radio]):not([type=color]){width:100%}#chart-ai-data{margin-bottom:10px}#chart-ai-data-generate{margin-bottom:0;width:100%}#chart-ai-data-results{margin:10px 0;padding:10px}#chart-ai-data-results .btn{margin-top:10px}#chart-ai-data-results pre{display:none;white-space:pre-wrap;word-wrap:break-word}#chart-builder-chart-export-wrapper{display:flex;gap:10px;justify-content:flex-end}#chart-builder-chart-export-wrapper button svg{display:inline-block;fill:#666;margin-right:4px;vertical-align:middle}#chart-builder-chart-export-wrapper .export-dropdown{margin-bottom:10px;position:relative}#chart-builder-chart-export-wrapper #chart-builder-chart-export,#chart-builder-chart-export-wrapper #chart-builder-chart-embed{background:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:4px;color:#666;font-size:14px;font-weight:normal;padding:8px 12px;position:relative}#chart-builder-chart-export-wrapper #chart-builder-chart-export .dropdown-arrow,#chart-builder-chart-export-wrapper #chart-builder-chart-embed .dropdown-arrow{fill:#666;margin-left:8px;margin-right:0;transition:transform 0.2s}#chart-builder-chart-export-wrapper #chart-builder-chart-export:hover,#chart-builder-chart-export-wrapper #chart-builder-chart-embed:hover{border-color:#0275d8;color:#0275d8}#chart-builder-chart-export-wrapper #chart-builder-chart-export:hover svg,#chart-builder-chart-export-wrapper #chart-builder-chart-embed:hover svg{fill:#0275d8}#chart-builder-chart-export-wrapper #chart-builder-chart-export.active,#chart-builder-chart-export-wrapper .active#chart-builder-chart-embed{border-color:#0275d8;color:#0275d8}#chart-builder-chart-export-wrapper #chart-builder-chart-export.active svg,#chart-builder-chart-export-wrapper .active#chart-builder-chart-embed svg{fill:#0275d8}#chart-builder-chart-export-wrapper #chart-builder-chart-export.active .dropdown-arrow,#chart-builder-chart-export-wrapper .active#chart-builder-chart-embed .dropdown-arrow{transform:rotate(180deg)}#chart-builder-chart-export-wrapper .export-dropdown-menu{background:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);display:none;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}#chart-builder-chart-export-wrapper .export-dropdown-menu.show{display:block}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;width:100%}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option:hover{background:#f8f9fa}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option:not(:last-child){border-bottom:1px solid #eee}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option-content .export-option-title{font-weight:600;margin-bottom:2px}#chart-builder-chart-export-wrapper .export-dropdown-menu .export-option-content .export-option-desc{color:#666;font-size:12px}#chart-builder-chart-embed{margin-bottom:10px}.dialog-overlay{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column}.dialog .dialog-header{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;flex-shrink:0}.dialog .dialog-header h2{font-size:20px;margin:0}.dialog .dialog-header .dialog-close{background:none;border:none;color:#666;font-size:24px;padding:0}.dialog .dialog-header .dialog-close:hover{color:#000}.dialog .dialog-content{padding:20px;overflow-y:auto}.dialog .dialog-content p{margin-bottom:15px}.dialog .dialog-content .embed-code{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin-bottom:15px;padding:15px;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-height:400px}.dialog .dialog-content .dialog-copy{width:100%;position:sticky;bottom:0;margin-top:15px}.upgrade-prompt .btn{margin-top:10px;text-align:center;width:100%}#ai-data .upgrade-prompt{padding-bottom:20px}#chart-color-presets-list{background:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:0;box-shadow:0 0 10px rgba(0,0,0,0.1);display:none;margin-top:-20px;margin-bottom:20px;max-height:300px;overflow-y:auto;position:absolute;width:calc(100% - 24px);z-index:10}#chart-color-presets-list::-webkit-scrollbar{width:8px}#chart-color-presets-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#chart-color-presets-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}#chart-color-presets-list::-webkit-scrollbar-thumb:hover{background:#999}#chart-color-presets-list.show{display:block}#chart-color-presets-list .color-preset{background:none;border:0;border-bottom:1px solid rgba(0,17,102,0.2);border-radius:0;color:#222;cursor:pointer;display:block;padding:10px;text-align:left;width:100%}#chart-color-presets-list .color-preset:last-child{border-bottom:0}#chart-color-presets-list .color-preset:hover{background:rgba(0,0,0,0.05)}#chart-color-presets-list .color-preset .preset-name{display:block;font-weight:bold;margin-bottom:8px}#chart-color-presets-list .color-preset .preset-colors{display:flex;gap:4px}#chart-color-presets-list .color-preset .preset-colors .preset-color{border-radius:4px;height:20px;width:20px}#chart-color-presets{background:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:4px;color:#222;margin-bottom:20px;padding:8px 12px;position:relative;text-align:left;width:100%}#chart-color-presets:after{background:url("../images/arrow-down.svg") no-repeat center right;background-size:10px;content:"";float:right;margin-top:7px;height:10px;width:10px}#chart-color-presets:hover{border-color:rgba(0,13,77,0.45)}#chart-color-values-list{display:flex;flex-wrap:wrap;gap:0 50px}.info-wrapper{display:inline-block;margin:-4px 0 0 5px;vertical-align:middle}.info-wrapper .info-icon{cursor:help;fill:#aaa;vertical-align:middle}.info-wrapper .info-icon:hover{fill:#222}.info-wrapper .info-icon:hover+.info-tooltip{opacity:1}.info-wrapper .info-tooltip{background:#000;border-radius:4px;color:#fff;font-size:12px;font-weight:normal;margin:-20px 0 0 -8px;max-width:300px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;text-align:left;transform:translateY(-100%);transition:opacity 0.2s;z-index:100}.info-wrapper .info-tooltip:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;content:'';height:0;left:10px;position:absolute;top:100%;width:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-overlay .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #0275d8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.save-status{color:#0275d8;font-size:14px;margin-top:10px;min-height:20px;text-align:center}.save-status.error{color:#dc3545}.data-table .drag-handle{display:inline-block;width:20px;text-align:center;cursor:move}.data-table .drag-handle::before{content:"⋮";font-size:1.2rem;color:#aaa}.data-table tr.ui-sortable-helper{background-color:#f8f8f8;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.data-table tr.ui-sortable-placeholder{background-color:#f0f0f0;height:40px}.chart-list-actions{background:rgba(236,236,241,0.3);border:1px solid rgba(0,17,102,0.2);display:flex;justify-content:space-between;padding:15px;gap:20px}.charts-filters{display:flex;gap:20px;width:400px}.charts-filters input:not([type=checkbox]):not([type=radio]):not([type=color]),.charts-filters textarea,.charts-filters select{margin-bottom:0}.new-chart-btn svg{display:inline-block;fill:#fff;margin:-3px 5px 0 0;vertical-align:middle}.new-chart-btn.disabled{opacity:0.7;cursor:not-allowed;background-color:#ccc;border-color:#ccc}.new-chart-btn.disabled:hover{background-color:#ccc}.chart-card{align-items:center;background:#fff;border:1px solid rgba(0,17,102,0.2);cursor:pointer;display:flex;gap:30px;margin-top:-1px;padding:15px;position:relative}.chart-card .chart-icon{display:inline-block;height:30px;width:30px}.chart-card .chart-pie{background:url("../images/pie-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-line{background:url("../images/line-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-doughnut{background:url("../images/doughnut-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-bar{background:url("../images/bar-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-polarArea{background:url("../images/polar-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-radar{background:url("../images/radar-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card .chart-scatter{background:url("../images/scatter-chart.svg") no-repeat center center;background-size:30px 30px}.chart-card h3{flex-grow:1;font-size:20px;margin:0}.chart-card p{color:#666;margin:0}.chart-card .chart-date{flex-shrink:0;min-width:140px}.chart-card .chart-card-actions{display:flex;gap:5px;flex-shrink:0;position:relative;width:65px}.chart-card .chart-card-actions .duplicate-chart{background:none;border:1px solid rgba(0,17,102,0.2);border-radius:4px;flex-shrink:0;padding:5px;z-index:2;width:30px}.chart-card .chart-card-actions .duplicate-chart:hover{border-color:#0275d8;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1}.chart-card .chart-card-actions .duplicate-chart:hover svg path{stroke:#0275d8}.chart-card .chart-card-actions .duplicate-chart:hover+.tooltip{opacity:1}.chart-card .chart-card-actions .delete-chart{background:none;border:1px solid rgba(0,17,102,0.2);border-radius:4px;flex-shrink:0;padding:5px;z-index:2;width:30px}.chart-card .chart-card-actions .delete-chart:hover{border-color:#dc3545;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:1}.chart-card .chart-card-actions .delete-chart:hover svg path{stroke:#dc3545}.chart-card .chart-card-actions .tooltip{margin-left:-19px;margin-top:-8px}.chart-card:hover{border-color:#0275d8;z-index:1}@media (max-width: 768px){.chart-card{flex-wrap:wrap;gap:10px;padding-right:60px}.chart-card h3,.chart-card p{width:100%}.chart-card .chart-card-actions{position:absolute;right:20px;top:20px}}.empty-charts-state{margin-top:40px;text-align:center}.empty-charts-state img{margin:0 auto;margin-bottom:20px;opacity:0.5}.empty-charts-state h2{font-size:1.5rem}.empty-charts-state p{color:#666;margin-bottom:2rem}.chart-counter{color:#666;margin-top:30px;font-size:14px}.profile-container{max-width:800px;margin:0 auto}.profile-section{margin-bottom:2rem}.profile-section h2{font-size:1.2rem}.profile-field{margin-bottom:1rem}.profile-field label{display:block;font-weight:600;margin-bottom:0.5rem;color:#666}.profile-field p{margin:0;font-size:1.1rem}.danger-zone{border:1px solid #dc3545}.danger-zone h2{color:#dc3545}.danger-zone .btn-danger{background:#dc3545;border-color:#dc3545;color:white}.danger-zone .btn-danger:hover{background:#d32535}#pricing-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;max-height:none;max-width:none;z-index:1000;z-index:1000}#pricing-dialog .dialog-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:0;width:95%;max-width:430px;max-height:90vh;overflow-y:auto}#pricing-dialog .dialog-header{padding:16px 24px;border-bottom:1px solid rgba(0,17,102,0.2);display:flex;justify-content:space-between;align-items:center}#pricing-dialog .dialog-header h2{font-size:24px;margin:0}#pricing-dialog .dialog-header .dialog-close{background:none;border:none;font-size:28px;color:#666;margin-top:-8px}#pricing-dialog .dialog-header .dialog-close:hover{color:#151b2b}#pricing-dialog .dialog-body{padding:24px}#pricing-dialog .pricing-toggle{background:#f5f5f5;border-radius:100px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:4px}#pricing-dialog .pricing-toggle .toggle-button{background:none;border-radius:100px;border:none;color:#666;flex:1 0 auto;font-size:16px;padding:12px;transition:all 0.2s ease}#pricing-dialog .pricing-toggle .toggle-button.active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);color:#222}#pricing-dialog .pricing-toggle .toggle-button:hover:not(.active){color:#222}#pricing-dialog .pricing-toggle .toggle-button .save-badge{color:#fa3277;font-size:12px;padding-left:4px}#pricing-dialog .pricing-plan{text-align:left}#pricing-dialog .price{font-size:40px;font-weight:700}#pricing-dialog .price span{font-size:18px;color:#999;font-weight:normal}#pricing-dialog .savings{color:#28a745;font-weight:500}#pricing-dialog .price-feature-list{font-size:18px;list-style:none;margin:20px 0 50px;padding:0}#pricing-dialog .price-feature-list li{background:url("../images/checkmark-icon-pink.svg") no-repeat left center;margin-bottom:10px;padding-left:35px}#pricing-dialog .btn{font-size:18px;padding:10px 20px;width:100%}#pricing-dialog.hidden{display:none}#article{max-width:1024px;margin:0 auto;padding-top:60px;padding-bottom:60px;padding-left:20px;padding-right:20px;font-size:18px;line-height:1.6}@media (min-width: 1024px){#article{padding-top:80px;padding-bottom:80px}}@media (min-width: 1024px){#article{padding-left:30px;padding-right:30px}}@media (min-width: 1280px){#article{padding-left:50px;padding-right:50px}}#article h1,#article h2,#article h3,#article h4,#article h5,#article h6{line-height:1.3}#article h1{text-wrap:pretty}#article h2,#article h3,#article h4,#article h5,#article h6{margin-bottom:0.67em;text-wrap:pretty}#article p+h2,#article p+h3,#article p+h4,#article p+h5,#article p+h6,#article p+figure,#article ul+h2,#article ul+h3,#article ul+h4,#article ul+h5,#article ul+h6,#article ol+h2,#article ol+h3,#article ol+h4,#article ol+h5,#article ol+h6{margin-top:1.5em}#article p{line-height:1.5}#article ol li,#article ul li{line-height:1.5;margin-bottom:.6em}#article figure{margin-bottom:40px}#article figcaption{font-size:0.8em;font-style:italic;padding-top:4px;text-align:center}#article video{border:1px solid rgba(0,17,102,0.2);margin-bottom:40px}#article hr{border:none;border-top:1px solid #e0e0e0;margin:2.2em 0;width:100%}#article table{border-collapse:collapse;font-size:0.8em;margin-bottom:2em;width:100%}#article table th,#article table td{border:0;border-bottom:1px solid #ccc;padding:6px 20px 6px 0}#article table th:last-of-type,#article table td:last-of-type{padding-right:0}#article table th{border-bottom:3px solid #151b2b;text-align:left}#article table td{vertical-align:top}#article table.is-style-stripes th,#article table.is-style-stripes td{padding-left:8px}#article table.is-style-stripes td{border-color:#ccc}#article table.is-style-stripes th{border-color:#FFD600}#article table.is-style-stripes tbody tr:nth-child(odd){background-color:#f7f7f7}@media (min-width: 1024px){#article table th,#article table td{padding:8px 35px 8px 0}}#article table+h2{margin-top:2em}#article .headline-icon{display:inline-block;width:32px;height:32px;margin-right:10px;margin-top:-4px;vertical-align:middle}#article .color-scheme{margin:2em 0}#article .color-scheme h3{margin-bottom:1em;font-size:1.2em}#article .color-scheme .color-row{display:flex;gap:1em;margin-bottom:0.5em}#article .color-scheme .color-row .color-box{flex:1;aspect-ratio:1;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#article .color-scheme .color-row .color-code{text-align:center;font-size:0.8em;font-family:monospace;margin-top:0.5em}@media (max-width: 600px){#article .color-scheme .color-code{font-size:0.6em}}@media (min-width: 1024px){#article{font-size:22px}#article h1{font-size:48px}}#article-list{border-top:1px solid rgba(0,17,102,0.2);list-style:none;padding:40px 0 0 0;display:flex;flex-direction:column;gap:30px}#article-list a{align-items:center;display:flex;gap:30px;text-decoration:none;color:#222}#article-list a h2{font-size:26px;margin-bottom:10px}#article-list a p{font-size:18px}#article-list a img{border:1px solid rgba(0,17,102,0.2);max-width:40%;width:320px;height:160px;object-fit:cover}.support-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;color:white;font-size:24px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:9999;transition:background-color 0.3s ease, transform 0.3s ease}.support-button:hover{transform:scale(1.05)}.support-button .support-icon,.support-button .close-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.support-dialog{position:fixed;bottom:80px;right:20px;max-width:400px;width:100%;transform:translateY(130%);transition:transform 0.3s ease-in-out;z-index:9998;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}.support-dialog.hidden{transform:translateY(130%)}.support-dialog.visible{transform:translateY(0)}.support-dialog .dialog-content h2{font-size:24px}.support-dialog .dialog-body .form-group label{font-weight:500}.support-dialog .dialog-body .success-message{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6;padding:15px;border-radius:4px;text-align:center;margin-top:10px}.support-dialog .dialog-body .error-message{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1;padding:15px;border-radius:4px;text-align:center;margin-bottom:15px}@media (max-width: 480px){.support-dialog{right:0;left:0;max-width:100%}.support-dialog .dialog-content{border-radius:0}}.page-header{max-width:1800px;margin:0 auto}.template-section{padding-top:40px;padding-bottom:45px}.template-section:nth-child(odd){background-color:#f6f6f6}.template-section .template-section-wrapper{max-width:1800px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width: 1024px){.template-section .template-section-wrapper{padding-left:30px;padding-right:30px}}.template-section h2{margin-bottom:20px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}.template-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform 0.2s, box-shadow 0.2s}.template-card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-5px)}.template-card h3{border-top:1px solid #eee;font-size:16px;padding:15px;margin:0;text-align:center}.template-card a{color:inherit;display:block;text-decoration:none}.template-image{height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10px}.template-image img{width:100%;height:100%;object-fit:contain}.upgrade-card{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:1px solid #e0e0e0;border-radius:8px;color:#fff;cursor:pointer;overflow:hidden;transition:transform 0.2s, box-shadow 0.2s}.upgrade-card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-5px)}.upgrade-card .upgrade-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;padding:20px;text-align:center}.upgrade-card .upgrade-content .upgrade-icon{background:rgba(255,255,255,0.2);border-radius:50%;font-size:24px;height:60px;width:60px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.upgrade-card .upgrade-content h3{font-size:18px;font-weight:bold;margin:0 0 10px 0}.upgrade-card .upgrade-content p{font-size:14px;margin:0 0 15px 0;opacity:0.9}.upgrade-card .upgrade-content .upgrade-btn{background:#fff;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-weight:bold;padding:10px 20px;transition:all 0.2s}.upgrade-card .upgrade-content .upgrade-btn:hover{background:#f8f9ff;transform:translateY(-1px)}label{display:block;font-size:14px;font-weight:700;margin-bottom:4px}.radio,.checkbox{display:block;margin-bottom:8px;position:relative}.radio label,.checkbox label{min-height:20px;padding:0 20px;margin-bottom:0;font-weight:normal;cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select{background-color:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:4px;box-shadow:none;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:20px;padding:6px 10px;width:100%}input:not([type=checkbox]):not([type=radio]):not([type=color]):hover,input:not([type=checkbox]):not([type=radio]):not([type=color]):focus,textarea:hover,textarea:focus,select:hover,select:focus{border-color:rgba(0,13,77,0.45);outline:none}input:not([type=checkbox]):not([type=radio]):not([type=color])[disabled],textarea[disabled],select[disabled]{cursor:not-allowed;background-color:#eee}input:not([type=checkbox]):not([type=radio]):not([type=color])::placeholder,textarea::placeholder,select::placeholder{color:#999;font-style:italic}input[type=color]{background:transparent;border:0;cursor:pointer;padding:0;height:35px;width:50px;margin-bottom:20px}.checkbox input[type=checkbox],.radio input[type=radio]{position:absolute;margin:1px 0 0;margin-left:-20px}select{background-image:url("../images/arrow-down.svg");background-repeat:no-repeat;background-position:center right 10px;background-size:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox]{appearance:none;background:#fff;border:1px solid rgba(0,17,102,0.2);border-radius:4px;position:relative;height:20px;width:20px}input[type=checkbox]:after{content:'';display:inline-block;height:20px;position:absolute;left:2px;top:2px}input[type=checkbox]:checked{background:#fff}input[type=checkbox]:checked:after{background:url("../images/check-black.svg") no-repeat center center;background-size:15px;left:5px;top:5px;width:15px;height:15px}input[type=checkbox]:hover,input[type=checkbox]:focus{border-color:rgba(0,13,77,0.45);outline:none}input[type=checkbox]+label{display:inline-block;font-weight:normal;margin-bottom:25px;padding-left:30px;position:relative;vertical-align:top}.checkbox-switch{border:1px solid #ddd;border-radius:4px;display:block;font-weight:normal;margin-bottom:20px;padding:10px}.checkbox-switch input[type=checkbox]{margin:0 10px 0 0;vertical-align:middle}.checkbox-switch input[type=checkbox]:checked{background:#0275d8;border-color:#0275d8}.checkbox-switch input[type=checkbox]:checked:after{background:url("../images/check.svg") no-repeat center center;background-size:12px;left:3px;top:3px;width:12px;height:12px}.checkbox-switch input[type=checkbox]:checked+label{background:rgba(0,140,255,0.02)}input[type=radio]{margin:10px 4px 20px;transform:scale(1.5)}input[type=radio]+label{display:inline;font-weight:normal;margin:0 10px 0 5px}button,.btn{transition:all 0.2s ease-in-out;background:#0275d8;border:1px solid #0275d8;border-radius:4px;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;padding:8px 12px}button:hover,button:focus,.btn:hover,.btn:focus{background:#0260b0}a.btn{display:inline-block;text-decoration:none}.btn-secondary{background:#fff;border:1px solid rgba(0,17,102,0.2);color:#666}.btn-secondary:hover,.btn-secondary:focus{background:#f9f9f9}.btn-alt{background:#fa3277;border:1px solid #fa3277;color:#fff;text-align:center}.btn-alt:hover,.btn-alt:focus{background:#e62f6f}.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.btn-outline:hover,.btn-outline:focus{background:#0275d8;border-color:#0275d8}.form-help{color:#888;font-size:80%;margin:5px 0 10px}.chart-step{display:none}.chart-step.active{display:flex}
