body,html{padding:0;margin:0;font-size:14px;font-family:Source Han Sans CN,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif!important}dl,ol,ul{list-style:none}a{text-decoration:none}.tinymce-wrap ul{list-style-type:disc}.tinymce-wrap ol,.tinymce-wrap ul{-webkit-padding-start:20px;padding-inline-start:20px}.tinymce-wrap ol{list-style-type:decimal}.styleConfigBox h2{margin:0}.configlist,.configlist2{padding:0 10px}.configlist2>li,.configlist>li{border-bottom:1px solid #ccc;padding:20px 0}.configlist2>li:last-child,.configlist>li:last-child{border-bottom:0}.btn-copy-animation .el-icon-check{color:#23b541;font-weight:600;opacity:.1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity 1.5s ease-in-out;transform:scale(1.5)}:root{--pink:#ec4899;--pink-soft:#fdf2f8;--teal:#0891b2;--teal-soft:#ecfeff;--violet:#7c3aed;--violet-soft:#f5f3ff;--gold:#d97706;--gold-soft:#fffbeb;--usage-radius:14px;--usage-shadow:0 12px 32px rgba(15,23,42,0.08);--brand-from:#4f6bff;--brand-to:#7c5cff;--brand-solid:#2e5bff;--cta-soft:#93b5ff;--bg-from:#f0f6ff;--bg-to:#ede9fe;--surface:#fff;--border:#e5e7eb;--text-primary:#0b1530;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 8px 24px rgba(15,23,42,0.08);--shadow-lg:0 16px 40px rgba(15,23,42,0.1)}.usage-page .page-heading h1{font-size:32px;line-height:1.1}.current-plan{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:16px 18px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(90deg,#eff6ff,#fff 72%)}.current-plan-main{display:flex;align-items:center;gap:12px}.plan-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:14px;color:#fff;background:var(--blue)}.plan-icon svg{width:18px}.current-plan-label{display:block;margin-bottom:3px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.1em}.current-plan strong{display:block;font-size:15px}.current-plan-facts{display:flex;align-items:center;gap:18px}.current-plan-fact{display:grid;gap:3px;text-align:right}.current-plan-fact span{color:var(--muted);letter-spacing:.08em}.current-plan-fact span,.current-plan-fact strong{font-size:13px;font-weight:800}.manage-plan-button{height:30px;padding:0 12px;border:1px solid #bfdbfe;border-radius:8px;color:var(--blue);background:#fff;cursor:pointer;font-size:14px;font-weight:800}.manage-plan-button:hover{background:var(--blue-soft)}.summary-section{margin-top:28px}.summary-heading{margin:0 0 14px;padding:0 2px}.section-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0 0 4px;font-size:20px;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted);font-size:12px}.summary-shell{position:relative;overflow:hidden;padding:26px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--usage-shadow)}.summary-shell:before{content:"";position:absolute;top:-190px;right:-180px;width:320px;height:320px;border-radius:50%;background:rgba(37,99,235,.05);pointer-events:none}.usage-group+.usage-group{margin-top:30px}.usage-group-title{display:flex;align-items:center;gap:13px;margin:0 0 12px;padding:0 2px;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.usage-group-title:after{content:"";flex:1;height:1px;background:var(--border)}.usage-group-titles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 12px}.usage-group-titles .usage-group-title{margin-bottom:0}.usage-group-title--wide{grid-column:span 3}.usage-group-titles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-group-titles--3 .usage-group-title--wide{grid-column:span 2}.usage-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.usage-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-card{position:relative;min-width:0;padding:18px;border:1px solid var(--border);border-radius:var(--usage-radius);background:hsla(0,0%,100%,.92);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:usage-enter .45s both}.usage-card:nth-child(2){animation-delay:.05s}.usage-card:nth-child(3){animation-delay:.1s}.usage-card:nth-child(4){animation-delay:.15s}.usage-card:nth-child(5){animation-delay:.2s}.usage-card:nth-child(6){animation-delay:.25s}.usage-card:nth-child(7){animation-delay:.3s}.usage-card:hover{transform:translateY(-3px);border-color:#d7dcd7;box-shadow:0 12px 24px rgba(31,47,37,.08)}.usage-card.featured{background:#fff;border-color:var(--border)}.usage-card.limit-card{overflow:hidden}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.resource-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.resource-icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--tone,var(--blue));background:var(--soft,var(--blue-soft))}.resource-icon svg{width:16px}.metric{margin:23px 0 14px}.metric-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background:#eeedfe;font-size:12px;font-weight:500;color:#534ab7}.metric strong{font-size:25px;font-weight:600;line-height:1;letter-spacing:-.035em}.metric strong.unlimited-label{font-size:16px;font-weight:500;color:#2c2c2a}.metric span{margin-left:4px;color:var(--muted);font-size:14px}.featured .metric{margin-top:25px}.metric--empty strong{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:0}.featured .metric--empty strong{font-size:14px}.featured .bar-copy,.featured .metric span,.featured .resource-sub,.resource-sub{color:var(--muted)}.resource-sub{margin:-7px 0 15px;font-size:14px}.bar{height:7px;overflow:hidden;border-radius:99px;background:#edf0ec}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--tone,var(--blue))}.featured .bar>span{background:var(--pink)}.bar-copy{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:13px}.bar-copy span.bar-remaining{color:var(--text);font-weight:800}.limit-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:18px;color:#fff;background:rgba(15,23,42,.92);opacity:0;text-align:center;transition:opacity .2s ease}.limit-card:focus-within .limit-overlay,.limit-card:focus .limit-overlay,.limit-card:hover .limit-overlay{opacity:1}.limit-overlay strong{display:block;margin-bottom:6px;font-size:14px}.limit-overlay p{margin-bottom:12px;color:hsla(0,0%,100%,.72);font-size:14px;line-height:1.45}.limit-overlay button{padding:7px 12px;border:0;border-radius:8px;color:var(--text);background:#fff;cursor:pointer;font-size:13px;font-weight:800}@keyframes usage-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.addons{margin-top:34px}.addon-heading{margin-bottom:14px}.validity-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid #dbeafe;border-radius:999px;color:var(--blue);background:var(--blue-soft);font-size:13px;font-weight:800;white-space:nowrap}.validity-chip svg{width:12px}.addon-shell{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--usage-shadow)}.addon-view{padding:22px}.addon-locked{display:flex;align-items:center;justify-content:center;gap:15px;min-height:200px;padding:32px;border:1px dashed var(--border);border-radius:14px;background:#f8fafc}.addon-locked-icon{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:13px;color:var(--muted);background:#fff}.addon-locked-icon svg{width:20px}.addon-locked-copy strong{display:block;margin-bottom:6px;color:var(--text);font-size:14px}.addon-locked-copy span{display:block;max-width:480px;color:var(--muted);font-size:14px;line-height:1.6}.addon-locked-copy .upgrade-button{margin-top:12px;padding:8px 16px;border:0;border-radius:9px;color:#fff;background:var(--blue);cursor:pointer;font-size:14px;font-weight:800}.addon-locked-copy .upgrade-button:hover{background:#1d4ed8}.expiry-alert{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 14px;border:1px solid #fed7aa;border-radius:14px;background:var(--orange-soft)}.expiry-alert-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#c2410c;background:#ffedd5;font-weight:850}.expiry-alert strong{display:block;margin-bottom:2px;color:#9a3412;font-size:12px}.expiry-alert span{color:#9a3412;font-size:13px}.purchased-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purchased-card{display:flex;flex-direction:column;min-height:96px;padding:16px;border:1px solid var(--border);border-radius:13px}.purchased-card .metric{margin:6px 0 0}.purchased-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.purchased-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.expiry-date{color:var(--muted);font-size:9px;text-align:right;line-height:1.5}.usage-details-button{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;width:-moz-fit-content;width:fit-content;margin-top:16px;padding:6px 13px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff;cursor:pointer;font-size:14px;font-weight:800}.usage-details-button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.usage-details-button svg{width:14px}.details{margin-top:34px}.details-heading{margin-bottom:14px}.details-card{overflow:visible;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--usage-shadow);border-top-right-radius:14px;border-top-left-radius:14px}.details-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 8px 0 0;border-bottom:1px solid var(--border);background:#f8fafc;border-top-right-radius:14px;border-top-left-radius:14px}.resource-tabs{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--border);background:#f8fafc}.details-toolbar .resource-tabs{border-bottom:0;border-top-left-radius:16px}.resource-tab{display:flex;align-items:center;gap:8px;padding:9px 14px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:750}.resource-tab.active{color:var(--text);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.chart-actions,.export-actions{display:flex;align-items:center;gap:8px}.export-button{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:0;border-radius:8px;color:#fff;background:var(--text);cursor:pointer;font-size:13px;font-weight:800}.export-button.secondary{color:var(--text);background:#fff;border:1px solid var(--border);font-weight:600}.export-button svg{width:14px}.chart-body{padding:22px 22px 16px}.chart-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.chart-summary-label{display:block;margin-bottom:4px;color:var(--muted);font-size:13px}.chart-total{font-size:28px;font-weight:850;letter-spacing:-.04em}.chart-total span{margin-left:5px;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:0}.chart-average{color:var(--muted);font-size:13px;text-align:right}.chart-average strong{display:block;margin-top:3px;color:var(--text);font-size:13px}.chart-frame{position:relative;overflow-x:auto;border:1px solid #edf0f5;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#fff)}.usage-chart-canvas{display:block;width:100%;min-width:720px}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;background:linear-gradient(180deg,#fbfdff,#fff)}.data-table-wrap{margin-top:16px;overflow-x:auto}.usage-data-table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}.usage-data-table th{padding:9px 13px;border-bottom:1px solid var(--border);color:var(--muted);background:#f8fafc;font-weight:750;text-align:left}.usage-data-table td{padding:9px 13px;border-bottom:1px solid #f1f5f9}.usage-data-table .table-empty{padding:26px 13px;text-align:center}.usage-data-table tbody tr:last-child td{border-bottom:0}.table-heading-with-help{display:inline-flex;align-items:center;gap:5px}.table-help{display:inline-flex}.table-help-button{display:inline-grid;width:14px;height:14px;padding:0;place-items:center;border:1px solid var(--sub);border-radius:50%;color:var(--muted);background:transparent;cursor:help;font-size:9px;font-weight:800;line-height:1}.table-help-button:focus-visible,.table-help-button:hover{border-color:var(--blue);color:var(--blue);outline:none}.table-used{font-weight:750}.table-change.up{color:var(--green)}.table-change.down{color:#dc2626}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:12px}.usage-packages-modal .workspace-custom-modal,.usage-proplan-modal .workspace-custom-modal,.usage-subscribe-modal .workspace-custom-modal{padding:0!important;overflow:hidden}.usage-packages-modal .workspace-custom-modal{display:flex;flex-direction:column;max-height:min(86vh,760px)}.usage-proplan-modal .workspace-custom-modal,.usage-subscribe-modal .workspace-custom-modal{max-height:calc(100vh - 48px);overflow-y:auto}.usage-packages-modal .modal-actions,.usage-proplan-modal .modal-actions{margin-top:0;padding:14px 24px;border-top:1px solid var(--border)}.packages-modal-heading{display:flex;align-items:center;gap:14px;padding:22px 24px 16px}.packages-modal-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;color:var(--tone,var(--blue));background:var(--soft,var(--blue-soft));transition:color .2s ease,background-color .2s ease}.packages-modal-icon svg{width:22px}.packages-modal-heading h2{margin:0 0 4px;font-size:20px;font-weight:900}.packages-modal-heading p{max-width:520px;margin:0;font-size:14px;line-height:1.55}.packages-filter-bar{padding:0 24px 14px}.filter-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:13px;background:#f8fafc}.filter-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:700}.filter-tab.active{color:var(--text);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.1)}.filter-count{min-width:18px;padding:2px 6px;border-radius:99px;color:var(--blue);background:var(--blue-soft);font-size:9px;text-align:center}.filter-tab.active .filter-count{color:#fff;background:var(--blue)}.packages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 24px 14px;border-bottom:1px solid var(--border)}.packages-toolbar--pro{justify-content:flex-end}.date-filter{display:flex;align-items:center;gap:6px}.date-filter .date-filter-label{color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.sort-select.ant-select{width:160px}.sort-select.ant-select .ant-select-selection{height:32px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:none}.sort-select.ant-select .ant-select-selection__rendered{margin-left:13px;line-height:30px;font-size:13px;color:var(--text)}.sort-select.ant-select .ant-select-arrow{right:8px;color:var(--muted);font-size:13px}.sort-select.ant-select-focused .ant-select-selection{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.packages-body{flex:1;padding:4px 24px 24px;overflow-y:auto}.packages-body::-webkit-scrollbar{width:8px}.packages-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.packages-list{display:flex;flex-direction:column;gap:12px}.pkg-empty{padding:32px 24px;color:var(--muted);font-size:13px;text-align:center}.pkg-card{display:flex;flex-direction:column;gap:13px;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.pkg-card:hover{border-color:#d7dcd7;box-shadow:0 13px 26px rgba(15,23,42,.06)}.pkg-card.expired{background:#f8fafc;border-color:var(--border)}.pkg-card-head{justify-content:space-between;gap:16px}.pkg-card-head,.pkg-title-wrap{display:flex;align-items:center}.pkg-title-wrap{gap:12px;min-width:0}.pkg-icon-wrap{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:14px;color:var(--tone,var(--blue));background:var(--soft,var(--blue-soft))}.pkg-icon-wrap svg{width:19px}.pkg-card.expired .pkg-icon-wrap{color:var(--muted);background:#eef2f7;filter:grayscale(1) opacity(.55)}.pkg-title{display:flex;flex-direction:column;gap:2px;min-width:0}.pkg-title strong{font-size:15px;font-weight:800;letter-spacing:-.01em}.pkg-title .pkg-sub{color:var(--muted);font-size:14px}.pkg-status{flex:0 0 auto;padding:4px 13px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pkg-status.active{color:var(--green);background:var(--green-soft);border:1px solid #a7f3d0}.pkg-status.expired{color:var(--muted);background:#eef2f7;border:1px solid var(--border)}.pkg-card-body{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.pkg-balance{display:flex;align-items:baseline;gap:7px}.pkg-balance strong{font-size:26px;line-height:1;letter-spacing:-.035em}.pkg-balance .pkg-total{color:var(--muted);font-size:12px;font-weight:500}.pkg-card.expired .pkg-balance strong{color:var(--sub)}.pkg-bar-wrap{flex:1;min-width:160px}.pkg-bar{height:7px;overflow:hidden;border-radius:99px;background:#edf0ec}.pkg-bar>span{display:block;height:100%;border-radius:inherit;background:var(--tone,var(--blue))}.pkg-card.expired .pkg-bar>span{background:#cbd5e1}.pkg-card-foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:4px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.pkg-card-foot .pkg-meta-item{display:inline-flex;align-items:center;gap:7px}.pkg-card-foot .pkg-meta-label{color:var(--sub);font-weight:600}.pkg-card-foot .pkg-meta-value{color:var(--text);font-weight:600}.pkg-card.expired .pkg-card-foot .pkg-meta-value{color:var(--muted)}.pkg-card-foot svg{width:13px}.pkg-table-wrap{overflow-x:auto}.pkg-table{width:100%;border-collapse:collapse;font-size:12px}.pkg-table th{padding:14px 14px;border-bottom:1px solid var(--border);color:var(--muted);background:#f8fafc;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}.pkg-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:var(--text);white-space:nowrap}.pkg-table tbody tr:last-child td{border-bottom:0}.pkg-table tbody tr:hover td{background:#f8fafc}.pkg-table tr.expired td{color:var(--sub)}.pkg-table .pkg-amount{font-weight:750}.pkg-table .pkg-amount.used,.pkg-table .pkg-date{color:var(--muted);font-weight:600}.pkg-pagination{display:flex;align-items:center;justify-content:flex-end;gap:13px;padding:14px 24px 4px}.subscribe-layout{display:grid;grid-template-columns:.86fr 1.14fr;min-height:620px}.subscribe-benefits{position:relative;overflow:hidden;padding:42px 38px;background-color:#eaf6ff;background-image:radial-gradient(circle,rgba(37,99,235,.13) 1.4px,transparent 1.5px),linear-gradient(135deg,transparent 46%,hsla(0,0%,100%,.48) 47%,hsla(0,0%,100%,.48) 53%,transparent 54%);background-position:0 0,8px 8px;background-size:24px 24px,52px 52px;color:#12305b}.subscribe-benefits:before{content:"";position:absolute;top:-92px;right:-88px;width:245px;height:245px;border-radius:42% 58% 63% 37%/45% 36% 64% 55%;background:linear-gradient(145deg,rgba(56,189,248,.48),rgba(37,99,235,.2));box-shadow:-38px 54px 0 hsla(0,0%,100%,.5);transform:rotate(18deg)}.subscribe-benefits:after{content:"";position:absolute;right:-92px;bottom:-110px;width:300px;height:300px;border:58px solid rgba(37,99,235,.12);border-radius:50%;background:hsla(0,0%,100%,.24);box-shadow:-108px -12px 0 -72px rgba(14,165,233,.32)}.subscribe-brand{position:relative;z-index:1}.subscribe-brand-logo{display:inline-block;color:#1d4ed8;font-size:22px;font-weight:900;letter-spacing:-.02em}.subscribe-brand-logo img{width:300px;max-height:80px;-o-object-fit:contain;object-fit:contain}.benefit-kicker{position:relative;z-index:1;margin-top:74px;color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.subscribe-benefits h2{position:relative;z-index:1;margin:14px 0 0;font-size:28px;line-height:1.5;letter-spacing:.045em}.benefit-list{position:relative;z-index:1;display:grid;gap:17px;margin:38px 0 0;padding:0;list-style:none}.benefit-list li{display:flex;align-items:center;gap:12px;color:#334e70;font-size:14px;font-weight:600}.benefit-list li .benefit-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fda4af,#f472b6);color:#fff;padding:3px 9px;border-radius:12px;font-size:11px;font-weight:700;margin-left:6px;letter-spacing:.02em;box-shadow:0 2px 6px rgba(244,114,182,.25);vertical-align:middle}.benefit-check{display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border:1px solid rgba(37,99,235,.18);border-radius:50%;background:hsla(0,0%,100%,.82);color:#2563eb;font-size:12px;font-weight:900;box-shadow:0 4px 13px rgba(37,99,235,.1)}.subscribe-pricing{padding:42px 48px 34px}.pricing-eyebrow{color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.pricing-title{margin:7px 0 0;font-size:27px;letter-spacing:-.04em}.pricing-subtitle{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.period-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:24px}.period-card{position:relative;min-height:104px;padding:16px 13px 13px;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--text);cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.period-card:hover{transform:translateY(-2px);border-color:#93c5fd}.period-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.11)}.period-name{display:block;color:var(--muted);font-size:14px;font-weight:700}.period-price{display:block;margin-top:9px;font-size:23px;font-weight:850;letter-spacing:-.04em}.period-price del{text-decoration:line-through;letter-spacing:0;font-kerning:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-weight:400;font-size:18px;color:#b9b8b8;margin-left:6px}.period-price small{margin-left:2px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:0}.discount-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--brand-from),var(--brand-to));color:#fff;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.payment-panel{display:grid;gap:14px;margin-top:22px;padding:20px 22px;border:1px solid var(--border);border-radius:16px;background:#f8fafc}.payment-copy h4{margin:0 0 4px;font-size:14px}.payment-panel .agreement-label{margin-top:2px}.payment-panel .secure-note{margin-top:0}.payment-total{margin-top:8px;color:var(--blue);font-size:27px;font-weight:850;letter-spacing:-.04em}.payment-total small{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:0}.payment-hint{margin:7px 0 0;line-height:1.55}.agreement-label,.payment-hint{color:var(--muted);font-size:14px}.agreement-label{display:flex;align-items:flex-start;gap:9px;margin-top:17px;cursor:pointer;line-height:1.5}.agreement-label input{width:15px;height:15px;margin-top:1px;accent-color:var(--blue)}.agreement-link{border:0;background:none;color:var(--blue);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}.secure-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--sub);font-size:13px}.pay-button{width:100%;margin-top:16px;padding:16px 32px;border:0;border-radius:12px;background:var(--blue);color:#fff;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:.02em;box-shadow:0 13px 22px rgba(37,99,235,.28);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.pay-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 12px 26px rgba(37,99,235,.34);transform:translateY(-1px)}.pay-button:disabled{background:#cbd5e1;color:#f8fafc;box-shadow:none;cursor:not-allowed}.plan-header{padding:14px 38px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.plan-header .pricing-eyebrow{margin-bottom:8px}.plan-header h2{margin:0;padding-right:42px;font-size:27px;letter-spacing:-.035em}.plan-header p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.plan-body{padding:28px 38px 34px}.current-plan-card{position:relative;overflow:hidden;padding:27px;border:1px solid #bfd7ff;border-radius:19px;background:linear-gradient(140deg,#f7fbff,#edf5ff)}.current-plan-card:after{content:"";position:absolute;top:-74px;right:-44px;width:190px;height:190px;border:38px solid rgba(37,99,235,.075);border-radius:50%}.current-plan-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.usage-proplan-modal .current-plan-label{color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.current-plan-name{margin:7px 0 0;font-size:30px;letter-spacing:-.045em}.plan-status{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:13px;font-weight:850}.plan-status:before{width:6px;height:6px;border-radius:50%;background:#22c55e;content:""}.plan-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.plan-fact{padding:14px 15px;border:1px solid rgba(148,163,184,.23);border-radius:12px;background:hsla(0,0%,100%,.76)}.plan-fact span{display:block;color:var(--sub);font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.plan-fact strong{display:block;margin-top:6px;color:var(--text);font-size:14px}.plan-note{margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.plan-action-button{min-height:46px;padding:0 18px;border-radius:14px;cursor:pointer;font-size:12px;font-weight:850;transition:transform .15s ease,border-color .15s ease,background .15s ease}.plan-action-button:hover{transform:translateY(-1px)}.plan-action-button.secondary{border:1px solid var(--border);background:#fff;color:var(--text)}.plan-action-button.secondary:hover{border-color:#93c5fd;background:var(--blue-soft)}.plan-action-button.primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.plan-action-button.primary:hover{background:#1d4ed8}.plan-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:14px;font-weight:800}.plan-action-heading{margin:19px 0 0;font-size:22px;letter-spacing:-.03em}.plan-action-copy{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.addon-notice{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:14px 13px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#475569;font-size:13px;line-height:1.55}.addon-notice strong{color:#1d4ed8;white-space:nowrap}.plan-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.plan-addon-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-height:126px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.plan-addon-card:hover{transform:translateY(-2px);border-color:#93c5fd}.plan-addon-card.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.addon-symbol{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;background:var(--addon-soft);color:var(--addon-tone);font-size:12px;font-weight:900}.plan-addon-copy strong{display:block;font-size:12px}.plan-addon-amount{display:block;margin-top:13px;font-size:19px;font-weight:850;letter-spacing:-.03em}.plan-addon-amount small{margin-left:3px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:0}.plan-addon-price{display:block;margin-top:5px;color:var(--blue);font-size:12px;font-weight:850}.plan-addon-price small{color:var(--muted);font-size:9px;font-weight:600}.addon-card-qty{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:2px;padding-top:13px;border-top:1px dashed var(--border)}.addon-card-qty-label{margin-right:auto;color:var(--sub);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.addon-card-qty button{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer;font-size:15px;line-height:1}.addon-card-qty button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.addon-card-qty output{min-width:28px;font-size:13px;font-weight:850;text-align:center}.addon-order-bar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-top:16px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.addon-order-bar--buy{grid-template-columns:1fr auto}.addon-order-copy span,.addon-order-total span{display:block;color:var(--sub);font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.addon-order-copy strong,.addon-order-total strong{display:block;margin-top:4px;font-size:12px}.addon-order-total{min-width:66px;text-align:right}.addon-order-total strong{color:var(--blue);font-size:16px}.addon-quantity{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#fff}.addon-quantity button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px}.addon-quantity button:hover{background:var(--blue-soft);color:var(--blue)}.addon-quantity output{min-width:32px;color:var(--text);font-size:12px;font-weight:850;text-align:center}.renewal-package-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.renewal-package-check input{width:15px;height:15px;margin:0;accent-color:var(--blue)}.renewal-expiry-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff}.renewal-expiry-card span{color:var(--muted);font-size:14px;font-weight:700}.renewal-expiry-card strong{color:#1d4ed8;font-size:13px}.renewal-addon-note{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.renewal-addon-warning{margin:13px 0 0;padding:9px 14px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#b91c1c;font-size:14px;line-height:1.55}.renewal-payment-panel{grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:16px;padding:14px 18px}.renewal-payment-panel .payment-meta{display:grid;gap:7px}.renewal-payment-panel .payment-hint{margin-top:0;white-space:nowrap}.renewal-payment-panel .agreement-label,.renewal-payment-panel .secure-note{margin-top:0}.renewal-action-footer{display:flex;align-items:center;justify-content:space-between}.renewal-secure-note{margin:0}@media(max-width:1080px){.usage-grid,.usage-group-titles{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-group-titles .usage-group-title--wide{grid-column:span 1}}@media(max-width:780px){.current-plan{align-items:flex-start;flex-direction:column;gap:13px}.current-plan-facts{width:100%;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.current-plan-fact{text-align:left}.summary-section{margin-top:24px}.summary-shell{padding:18px}.section-head{align-items:flex-start;flex-direction:column}.purchased-grid{grid-template-columns:1fr}.details-toolbar{align-items:stretch;flex-wrap:wrap;padding:0 8px 8px}.details-toolbar .resource-tabs{flex-basis:100%;margin-inline:-8px;padding-inline:8px;border-bottom:1px solid var(--border)}.chart-actions{flex-wrap:wrap}.addon-view{padding:16px}.subscribe-layout{grid-template-columns:1fr}.subscribe-benefits{padding:28px 24px}.benefit-kicker{margin-top:30px}.subscribe-benefits h2{font-size:28px}.benefit-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.subscribe-pricing{padding:30px 24px 28px}.plan-header{padding:28px 24px 22px}.plan-body{padding:22px 24px 28px}.plan-actions,.plan-addon-grid,.plan-facts{grid-template-columns:1fr}.addon-order-bar{grid-template-columns:1fr auto}.addon-order-total{grid-column:1/-1;text-align:left}}@media(max-width:520px){.usage-grid,.usage-group-titles{grid-template-columns:1fr}.usage-card.featured{grid-column:span 1}.validity-chip{white-space:normal}.chart-body{padding:16px 12px 12px}.pkg-card{padding:16px}.pkg-card-body{flex-direction:column;align-items:stretch;gap:14px}.pkg-bar-wrap{min-width:0}.benefit-list{grid-template-columns:1fr}.addon-locked{flex-direction:column;text-align:center}}.date-range-filter[data-v-e2215744]{display:inline-flex;align-items:center;gap:8px}.filter-label[data-v-e2215744]{color:var(--muted,#64748b);font-size:13px;font-weight:600;margin-right:2px}.date-range-filter[data-v-e2215744] .ant-calendar-picker{width:232px}.date-range-filter[data-v-e2215744] .ant-calendar-picker-input{height:38px;border:1px solid var(--border,#e2e8f0);border-radius:10px;background:#fff;color:var(--text,#111827);font-size:13px;line-height:36px;transition:border-color .16s ease,box-shadow .16s ease}.date-range-filter[data-v-e2215744] .ant-calendar-picker-input input{color:var(--text,#111827);font-size:13px}.date-range-filter[data-v-e2215744] .ant-calendar-picker:hover .ant-calendar-picker-input{border-color:var(--blue,#2563eb)}.date-range-filter[data-v-e2215744] .ant-calendar-picker-focused .ant-calendar-picker-input{border-color:var(--blue,#2563eb);box-shadow:0 0 0 3px var(--blue-soft,#eff6ff)}.date-range-filter.compact[data-v-e2215744] .ant-calendar-picker{width:214px}.date-range-filter.compact[data-v-e2215744] .ant-calendar-picker-input{height:34px;line-height:32px;font-size:12px;border-radius:8px}.date-range-filter.compact[data-v-e2215744] .ant-calendar-picker-input input{font-size:12px}.workspace-custom-modal.custom-modal[data-v-3756e11a]{padding:24px}.custom-modal-title[data-v-3756e11a]{padding-right:28px}.custom-modal-subtitle[data-v-3756e11a]{margin:0 0 16px;font-size:13px;line-height:1.6}.custom-modal.scrollable[data-v-3756e11a]{max-height:88vh;overflow:auto}.custom-modal-enter-active[data-v-3756e11a],.custom-modal-leave-active[data-v-3756e11a]{transition:opacity .18s ease}.custom-modal-enter-active .custom-modal[data-v-3756e11a],.custom-modal-leave-active .custom-modal[data-v-3756e11a]{transition:transform .18s ease,opacity .18s ease}.custom-modal-enter[data-v-3756e11a],.custom-modal-leave-to[data-v-3756e11a]{opacity:0}.custom-modal-enter .custom-modal[data-v-3756e11a],.custom-modal-leave-to .custom-modal[data-v-3756e11a]{transform:translateY(8px);opacity:0}