.monthly-plans{margin:26px 0;padding:26px;border:1px solid #302d38;border-radius:22px;background:linear-gradient(145deg,#15141b,#0f0e14);color:#f6f1f5}.monthly-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.monthly-heading span{color:#ff9174;font-size:10px;font-weight:900;letter-spacing:1.6px}.monthly-heading h2{margin:7px 0 4px;font-size:25px}.monthly-heading p{margin:0;color:#aaa2ac;font-size:12px}.monthly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.monthly-grid article{position:relative;padding:20px;border:1px solid #34313c;border-radius:17px;background:#191820}.monthly-grid article.popular{border-color:#a879e277;box-shadow:0 12px 36px #7d4fac1c}.monthly-grid article>b{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:99px;background:#8d5fc922;color:#d8bbff;font-size:8px}.monthly-grid article>span{color:#aaa2ac;font-size:9px;font-weight:900;letter-spacing:1.4px}.monthly-grid h3{margin:12px 0 17px;font-size:31px}.monthly-grid h3 small{font-size:12px;color:#aaa2ac}.monthly-grid article>div{display:grid;gap:3px}.monthly-grid del{color:#7f7882;font-size:11px}.monthly-grid strong{font-size:22px;color:#fff}.monthly-grid em{display:block;margin:10px 0 17px;color:#bfb5c2;font-size:11px;font-style:normal}.monthly-grid button{width:100%;padding:11px;border:1px solid #5a476c;border-radius:10px;background:#241d2d;color:#d9c2f9;font-weight:850}.monthly-grid .popular button{border:0;background:linear-gradient(105deg,#ff765a,#9b6ee0);color:#fff}.monthly-note{display:block;margin-top:14px;color:#8f8791;text-align:center}.subscription-active{padding:9px 12px;border:1px solid #3c7259;border-radius:11px;background:#163326;color:#85e7b2;font-size:11px;font-weight:800}@media(max-width:760px){.monthly-plans{padding:18px}.monthly-heading{align-items:start;flex-direction:column}.monthly-grid{grid-template-columns:1fr}.monthly-grid article{padding:17px}}
.monthly-shortcut{display:flex;align-items:center;gap:10px;margin:10px 0 2px;padding:10px 12px;border:1px solid #634879;border-radius:11px;background:linear-gradient(105deg,#251d2e,#1d1826);color:#fff;text-decoration:none}.monthly-shortcut span{color:#ff9a7e;font-size:10px;font-weight:900;text-transform:uppercase}.monthly-shortcut b{font-size:12px}.monthly-shortcut em{margin-left:auto;color:#c9aff1;font-size:10px;font-style:normal;font-weight:800}
.job-modal.monthly-plan-modal .job-modal-card{width:min(940px,96vw);border:1px solid #383440;background:linear-gradient(145deg,#18171f,#111117);color:#f6f1f5}.job-modal.monthly-plan-modal .job-modal-card>h2{color:#fff}.monthly-popup-intro{margin-bottom:18px}.monthly-popup-intro>span{color:#ff9174;font-size:10px;font-weight:900;letter-spacing:1.6px}.monthly-popup-intro>p{margin:7px 0 0;color:#aaa2ac!important;font-size:12px}.job-modal.monthly-plan-modal .job-modal-card>footer{justify-content:flex-end}.job-modal.monthly-plan-modal .ghost{border:1px solid #49434f;background:#211f27;color:#ddd5df}
.monthly-wallet-card{display:grid;width:100%;gap:8px;margin-top:14px;padding:15px;border:1px solid #654676;border-radius:14px;background:radial-gradient(circle at 100% 0,#8b5cf629,transparent 45%),linear-gradient(135deg,#211a29,#17151d);color:#fff;text-align:left;box-shadow:0 14px 35px #0004}.monthly-wallet-card>span{display:flex;align-items:center;justify-content:space-between}.monthly-wallet-card i{padding:5px 7px;border-radius:99px;background:#ff744f;color:#fff;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.7px}.monthly-wallet-card>span b{color:#c8ff63;font-size:10px}.monthly-wallet-card>strong{font-size:24px;letter-spacing:-.5px}.monthly-wallet-card>strong small{color:#bdb4c0;font-size:10px;letter-spacing:0}.monthly-wallet-card>em{color:#cdb3f3;font-size:10px;font-style:normal;font-weight:850}.monthly-wallet-card:hover{border-color:#a97bd0;background:radial-gradient(circle at 100% 0,#a46cff3d,transparent 48%),linear-gradient(135deg,#281e31,#19161f)}
.announcement-dots{display:flex;justify-content:center;gap:7px;margin:14px 0 0}.announcement-dots i{width:7px;height:7px;border-radius:99px;background:#514a56}.announcement-dots i.active{width:22px;background:linear-gradient(90deg,#ff765a,#a774e6)}.announcement-slide-label{display:flex;justify-content:space-between;margin-bottom:12px;color:#a9a1ab;font-size:9px;font-weight:850;letter-spacing:1px}.announcement-slide-label b{color:#d7c4f5}
.job-modal.announcement-modal .job-modal-card{animation:announcementIn .32s ease both}.job-modal.announcement-modal .milestone-popup{animation:announcementContent .38s ease both}@keyframes announcementIn{from{opacity:0}to{opacity:1}}@keyframes announcementContent{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.job-modal.monthly-announcement-modal .job-modal-card{width:min(720px,94vw);border:1px solid #4a354f;background:radial-gradient(circle at 90% 5%,#ff765b30,transparent 32%),linear-gradient(145deg,#1b1720,#111016);color:#fff}.job-modal.monthly-announcement-modal h2{color:#fff}.monthly-announcement{padding:7px 3px 2px}.monthly-announcement-kicker{display:inline-flex;padding:6px 9px;border-radius:99px;background:#ff765b;color:#fff;font-size:9px;font-weight:950;letter-spacing:1px}.monthly-announcement>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 0}.monthly-announcement h3{margin:0;color:#fff;font-size:32px;line-height:1.05;letter-spacing:-1px}.monthly-announcement h3 em{color:#c8ff63;font-style:normal}.monthly-announcement>div>strong{display:flex;align-items:center;color:#ff8b70;font-size:58px;line-height:.9}.monthly-announcement>div>strong small{font-size:22px}.monthly-announcement>div>strong i{margin-left:8px;color:#bbb2bd;font-size:8px;font-style:normal;line-height:1.35;letter-spacing:.7px}.monthly-announcement>p{max-width:560px;color:#c4bbc6!important;line-height:1.55}.monthly-announcement-features{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin:17px 0 0!important}.monthly-announcement-features span{padding:10px;border:1px solid #3f3743;border-radius:10px;background:#ffffff07;color:#ded6df;font-size:9px;text-align:center}.job-modal.monthly-announcement-modal footer{display:flex}.job-modal.monthly-announcement-modal footer .primary{background:linear-gradient(105deg,#ff765b,#9b6ee0)}@media(max-width:600px){.monthly-announcement>div:nth-child(2){align-items:flex-start;flex-direction:column}.monthly-announcement h3{font-size:27px}.monthly-announcement-features{grid-template-columns:1fr!important}.job-modal.monthly-announcement-modal footer{flex-direction:column}.job-modal.monthly-announcement-modal footer button{width:100%}}
.monthly-wallet-card #monthlyWalletStatus{display:grid;gap:2px;padding:9px 10px;border:1px solid #59d99b55;border-radius:10px;background:#123428;color:#8ce9ba}.monthly-wallet-card #monthlyWalletStatus b{font-size:11px}.monthly-wallet-card #monthlyWalletStatus span{font-size:9px;color:#b9dac9}.subscription-active{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.subscription-active b{color:#fff}.subscription-active span{color:#85e7b2}.monthly-grid article.current-plan{border-color:#58df9b;box-shadow:0 0 0 2px #58df9b20}.monthly-grid article.current-plan:after{position:absolute;right:12px;bottom:12px;content:"ĐANG SỬ DỤNG";color:#75e8aa;font-size:8px;font-weight:950}.monthly-grid article.current-plan button{border-color:#428a65;background:#173728;color:#78e9ac}
.wallet-subscription-status{display:grid;gap:5px;margin:10px 0 4px;padding:12px 13px;border:1px solid #54d99355;border-radius:12px;background:linear-gradient(135deg,#123528,#172b2a);color:#fff}.wallet-subscription-status[hidden]{display:none!important}.wallet-subscription-status>span{color:#78e8a9;font-size:8px;font-weight:950;letter-spacing:.8px}.wallet-subscription-status>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.wallet-subscription-status b{font-size:12px}.wallet-subscription-status strong{color:#c8ff63;font-size:15px}.wallet-subscription-status small{color:#a9c9b9!important;font-size:9px}.monthly-wallet-card #monthlyWalletStatus small{display:block;color:#b9dac9;font-size:9px}