.monthly-card-panel-header{position:relative;overflow:visible}.monthly-card-panel-header .header-container{width:100%;height:182px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:16px;position:relative;overflow:visible}.monthly-card-panel-header .left-section{min-width:638px;width:calc(40% + 50px);height:158px;background:-webkit-gradient(linear,left top,left bottom,from(#fff5da),to(#fffdf4));background:linear-gradient(180deg,#fff5da,#fffdf4);padding:24px;padding-top:32px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;position:relative;margin-top:12px;border-top-left-radius:16px}.monthly-card-panel-header .left-section .user-tab{position:absolute;top:0;left:0;padding:4px 16px;background:linear-gradient(288deg,#d8d8d8,#ebebeb);border-radius:16px 0 16px 0;font-family:OPPOSans;font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;color:#686868}.monthly-card-panel-header .left-section .renewal-rate-module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.monthly-card-panel-header .left-section .renewal-rate-module .title{font-family:OPPOSans;font-size:14px;font-weight:500;line-height:28px;letter-spacing:normal;color:#686868}.monthly-card-panel-header .left-section .renewal-rate-module .rate-value{font-family:OPPOSans;font-size:24px;font-weight:700;line-height:32px;text-align:center;letter-spacing:normal;color:#000}.monthly-card-panel-header .left-section .issues-module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.monthly-card-panel-header .left-section .issues-module .issue-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:OPPOSans;font-size:12px;font-weight:400;line-height:20px;letter-spacing:normal;color:#686868}.monthly-card-panel-header .left-section .issues-module .issue-item .issue-icon{width:16px;height:16px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0;opacity:.6}.monthly-card-panel-header .left-section .churn-analysis-module{border-radius:8px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,185,45,.24)),to(rgba(255,185,45,0)));background:linear-gradient(180deg,rgba(255,185,45,.24),rgba(255,185,45,0));padding:8px 24px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:65px}.monthly-card-panel-header .left-section .churn-analysis-module,.monthly-card-panel-header .left-section .churn-analysis-module .churn-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0}.monthly-card-panel-header .left-section .churn-analysis-module .churn-left{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;gap:8px;-ms-flex:0 0 auto;flex:0 0 auto}.monthly-card-panel-header .left-section .churn-analysis-module .churn-left .cry-icon{width:48px;height:48px}.monthly-card-panel-header .left-section .churn-analysis-module .churn-left .churn-title{font-family:Alimama ShuHeiTi;font-size:18px;font-weight:700;line-height:28px;letter-spacing:normal;color:#1a1a1a;text-align:center}.monthly-card-panel-header .left-section .churn-analysis-module .churn-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.monthly-card-panel-header .left-section .churn-analysis-module .churn-right .churn-income,.monthly-card-panel-header .left-section .churn-analysis-module .churn-right .churn-rate{font-family:OPPOSans;font-size:12px;font-weight:400;line-height:20px;letter-spacing:normal;color:#a15c29}.monthly-card-panel-header .left-section .churn-analysis-module .churn-right .churn-income .churn-value,.monthly-card-panel-header .left-section .churn-analysis-module .churn-right .churn-rate .churn-value{font-family:OPPOSans;font-size:16px;font-weight:700;line-height:24px;letter-spacing:normal;color:#f53f3f}.monthly-card-panel-header .right-section-wrapper{height:170px;width:60%;position:relative;margin-left:-50px;overflow:visible}.monthly-card-panel-header .right-section-wrapper:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-top-left-radius:92px;border-top-right-radius:16px;background:-webkit-gradient(linear,left top,left bottom,from(#ffcb8c),color-stop(37%,#ffeab8),to(#fff7cc));background:linear-gradient(180deg,#ffcb8c,#ffeab8 37%,#fff7cc);-webkit-clip-path:polygon(51px 0,100% 0,100% 100%,0 100%);clip-path:polygon(51px 0,100% 0,100% 100%,0 100%);z-index:0}.monthly-card-panel-header .right-section-wrapper.full-width{width:100%!important;margin-left:0!important}.monthly-card-panel-header .right-section-wrapper.full-width:before{-webkit-clip-path:none!important;clip-path:none!important;border-top-left-radius:16px!important}.monthly-card-panel-header .right-section-wrapper.full-width .right-section .title-tab{left:0!important;border-radius:16px 16px 16px 0!important}.monthly-card-panel-header .right-section{height:170px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding:15px 24px 15px 75px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.monthly-card-panel-header .right-section .title-tab{position:absolute;background:linear-gradient(103deg,#ffe6a2 6%,#ffe8aa 105%);top:0;left:44px;padding:4px 12px;border-radius:27px 16px 16px 0;font-family:OPPOSans;font-size:14px;font-weight:400;line-height:20px;letter-spacing:normal;color:#6a350c;z-index:2}.monthly-card-panel-header .right-section .upgrade-icon-wrapper{position:absolute;left:0;margin-left:-27px;top:111px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;width:110px}.monthly-card-panel-header .right-section .upgrade-icon-wrapper .upgrade-icon{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.monthly-card-panel-header .right-section .revenue-module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:24px;margin-right:10px}.monthly-card-panel-header .right-section .revenue-module .revenue-increase-text{font-size:16px;color:#6a350c;line-height:16px;margin-top:12px}.monthly-card-panel-header .right-section .revenue-module .revenue-increase-value{font-size:32px;font-weight:600;color:#6a350c}.monthly-card-panel-header .right-section .ai-features-module{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3px;margin-right:17px}.monthly-card-panel-header .right-section .ai-features-module .feature-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:#a15c29}.monthly-card-panel-header .right-section .ai-features-module .feature-item .feature-icon{width:16px;height:16px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0}.monthly-card-panel-header .right-section .improvement-module{width:439px;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.monthly-card-panel-header .right-section .improvement-module:before{content:"";width:439px;position:absolute;left:0;top:0;width:100%;height:100%;border-top-right-radius:16px;border-top-left-radius:69px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.4)),color-stop(75%,hsla(0,0%,100%,0)));background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,0) 75%);-webkit-clip-path:polygon(51px 0,100% 0,100% 100%,0 100%);clip-path:polygon(51px 0,100% 0,100% 100%,0 100%);z-index:0}.monthly-card-panel-header .right-section .improvement-module .upgrade-icon-wrapper{position:absolute;left:0;margin-left:-36px;top:93px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;width:110px}.monthly-card-panel-header .right-section .improvement-module .upgrade-icon-wrapper .upgrade-icon{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.monthly-card-panel-header .right-section .improvement-module .improvement-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:46px}.monthly-card-panel-header .right-section .improvement-module .improvement-left .improvement-title{font-size:18px;font-weight:700;color:#6a350c}.monthly-card-panel-header .right-section .improvement-module .improvement-left .improvement-label{font-size:12px;color:#a15c29;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:4px}.monthly-card-panel-header .right-section .improvement-module .improvement-left .improvement-label .improvement-percent{font-size:24px;font-weight:900;color:#ff5803}.monthly-card-panel-header .right-section .improvement-module .improvement-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;position:relative;z-index:2;height:100%;-ms-flex-item-align:end;align-self:flex-end}.monthly-card-panel-header .right-section .improvement-module .improvement-right .revenue-box{position:absolute;top:45px;z-index:888;right:10px;padding:4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:12px 12px 12px 0;background:linear-gradient(98deg,#cfff8f 7%,#a0ff86),linear-gradient(99deg,#fc820a,#f53f3f);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.monthly-card-panel-header .right-section .improvement-module .improvement-right .revenue-box .revenue-text{font-size:12px;color:#165d1b;font-weight:500;line-height:1.5;text-align:center}.monthly-card-panel-header .right-section .improvement-module .improvement-right .action-button .publish-btn{width:240px;height:40px;border-radius:24px;padding:8px 48px;font-size:15px;font-weight:500;color:#fff!important;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.monthly-card-panel-header .right-section .improvement-module .improvement-right .action-button .publish-btn,.monthly-card-panel-header .right-section .improvement-module .improvement-right .action-button .publish-btn:focus,.monthly-card-panel-header .right-section .improvement-module .improvement-right .action-button .publish-btn:hover{background:linear-gradient(99deg,#1a1a1a,#4d3f39 99%),linear-gradient(279deg,#414dc3 2%,#7b8aff),linear-gradient(99deg,#daffaa 7%,#aeff98),linear-gradient(99deg,#ff5803,#fda000 99%),linear-gradient(99deg,#3bdfa0 -4%,#b7ffeb 103%)!important;border:none!important}.monthly-card-panel-header .right-section .improvement-module .bg-circle{position:absolute;right:25px;z-index:0}.monthly-card-panel-header .right-section .improvement-module .bg-circle .circle-icon{width:100px}