/* PageTools-style administration statistics. */
.stats-page{padding:0 0 70px;background:#f3f6fa}.stats-dashboard{width:min(1380px,calc(100% - 34px));margin:auto;padding-top:18px;color:#18263b}
.stats-dashboard__heading{position:relative;display:flex;min-height:94px;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;overflow:hidden;border:1px solid #d8def0;border-radius:17px;background:linear-gradient(120deg,#fff 0,#f8f7ff 58%,#f1efff 100%);box-shadow:0 10px 28px rgba(51,43,108,.07)}
.stats-dashboard__heading:after{position:absolute;top:-78px;right:110px;width:190px;height:190px;border:1px solid rgba(113,91,232,.09);border-radius:50%;box-shadow:0 0 0 28px rgba(113,91,232,.025);content:""}.stats-dashboard__heading-main{z-index:1;display:flex;align-items:center;gap:14px}.stats-dashboard__heading-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#765ff0,#5b6eef);color:#fff;font-size:20px;box-shadow:0 9px 20px rgba(101,83,229,.22)}
.stats-dashboard__eyebrow{color:#6c55df;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.stats-dashboard__heading h1{margin:1px 0 2px;font:900 27px/1.08 'Manrope';letter-spacing:-.7px}.stats-dashboard__heading p{margin:0;color:#738095;font-size:12px}.stats-dashboard__heading>a,.stats-filter>a{z-index:1;display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d6ddec;border-radius:10px;background:rgba(255,255,255,.86);color:#5f50c9;font-size:10px;font-weight:800}
.stats-dashboard__heading-actions{z-index:1;display:flex;align-items:center;gap:8px}.stats-dashboard__heading-actions>a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d6ddec;border-radius:10px;background:rgba(255,255,255,.86);color:#5f50c9;font-size:10px;font-weight:800}.stats-money-toggle{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #d6ddec;border-radius:10px;background:#fff;color:#5f50c9;font-size:10px;font-weight:800;cursor:pointer}.stats-money-toggle:hover,.stats-money-toggle:focus-visible{border-color:#9f91ec;background:#f6f3ff;outline:0;box-shadow:0 0 0 3px rgba(121,99,238,.1)}.stats-money-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.stats-money-toggle__hide{display:none}.stats-money-toggle[aria-pressed=true] .stats-money-toggle__show{display:none}.stats-money-toggle[aria-pressed=true] .stats-money-toggle__hide{display:block}[data-money-value]{font-variant-numeric:tabular-nums}.stats-detail-modal [data-money-value]{font-weight:800}
.stats-money-label{display:flex;align-items:center;gap:5px}.stats-metrics .stats-money-toggle{width:24px;height:24px;min-height:24px;flex:0 0 24px;padding:0;border:0;border-radius:7px;background:#f3f0ff}.stats-metrics .stats-money-toggle svg{width:15px;height:15px}
.stats-filter{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px;padding:17px 19px;border:1px solid #dce3ef;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(20,40,78,.045)}.stats-filter label{display:flex;width:190px;flex-direction:column;gap:6px;color:#607087;font-size:9px;font-weight:900}.stats-filter>button{height:42px;padding:0 18px;border:0;border-radius:9px;background:linear-gradient(135deg,#6b55e9,#8067f5);color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(99,77,224,.2);cursor:pointer}.stats-filter>a{height:42px;margin-left:auto;color:#52647c}
.stats-date-field{position:relative;display:flex;width:100%;height:42px}.stats-date-field>[data-stats-date-display]{width:100%;height:42px;padding:0 40px 0 11px;border:1px solid #d5ddeb;border-radius:9px;background:#f9fbfe;color:#24334a;font-size:11px;font-weight:700;outline:0}.stats-date-field>[data-stats-date-display]:focus{border-color:#7963ee;box-shadow:0 0 0 3px rgba(121,99,238,.12)}.stats-date-field>[type=hidden]{display:none}.stats-date-field>[data-stats-date-open]{position:absolute;top:1px;right:1px;width:38px;height:40px;padding:0;border:0;background:transparent;color:#6b55e9;box-shadow:none;cursor:pointer}.stats-date-field>[data-stats-date-picker]{position:absolute;right:8px;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
.stats-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:17px}.stats-metrics article{display:grid;min-height:112px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:17px 18px;border:1px solid #dce3ee;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(18,38,75,.045)}.stats-metrics article>span{display:grid;width:47px;height:47px;place-items:center;border-radius:13px;font:800 17px 'Manrope'}.stats-metrics .is-green{background:#e4f8ef;color:#159568}.stats-metrics .is-purple{background:#eeeafd;color:#7059e4}.stats-metrics .is-blue{background:#e7efff;color:#4775de}.stats-metrics .is-cyan{background:#e1f7f8;color:#178e9b}.stats-metrics .is-orange{background:#fff0e1;color:#dc7a20}.stats-metrics .is-pink{background:#fce8f1;color:#c74b83}.stats-metrics article>div{display:flex;min-width:0;flex-direction:column}.stats-metrics small{color:#7b889c;font-size:8px;font-weight:900;letter-spacing:.45px}.stats-metrics strong{margin-top:5px;overflow:hidden;color:#18263b;font:900 20px 'Manrope';letter-spacing:-.35px;text-overflow:ellipsis;white-space:nowrap}.stats-metrics em{margin-top:5px;color:#929cac;font-size:8px;font-style:normal}
.stats-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:16px}.stats-panel{min-width:0;overflow:hidden;border:1px solid #dce3ee;border-radius:17px;background:#fff;box-shadow:0 9px 28px rgba(18,38,75,.045)}.stats-panel>header{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:14px;padding:15px 19px;border-bottom:1px solid #e7ebf2}.stats-panel>header h2{margin:0;color:#23334a;font:900 14px 'Manrope'}.stats-panel>header h2 i{margin-right:6px;color:#715be8;font-style:normal}.stats-panel>header p{margin:4px 0 0;color:#8a96a8;font-size:9px}.stats-panel>header>span{color:#8a96a8;font-size:9px}.stats-panel>header>span strong{color:#624fe0;font-size:12px}.stats-panel>header>a{color:#6653df;font-size:9px;font-weight:900}
.stats-bar-chart{display:flex;height:310px;align-items:stretch;gap:8px;padding:16px 14px 10px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 69px,#edf1f5 70px)}.stats-bar-chart>button{display:grid;min-width:18px;flex:1;grid-template-rows:24px minmax(0,1fr) 18px;align-items:end;padding:0;border:0;background:transparent;cursor:pointer}.stats-bar-chart button>b{grid-row:1;align-self:start;overflow:hidden;color:#6b5ad4;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.stats-bar-chart button>span{position:relative;display:block;width:min(38px,78%);height:100%;grid-row:2;justify-self:center;overflow:hidden;border-radius:7px 7px 2px 2px;background:#f0edff}.stats-bar-chart button>span>i{position:absolute;right:0;bottom:0;left:0;min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(#8068f3,#5b6eef);transition:filter .15s}.stats-bar-chart button:hover>span>i,.stats-bar-chart button:focus-visible>span>i{filter:brightness(.85)}.stats-bar-chart button:focus-visible{outline:2px solid #7963ee;outline-offset:2px}.stats-bar-chart button>small{grid-row:3;color:#8794a3;font-size:8px}.stats-bar-chart.is-active button>b{color:#168c68}.stats-bar-chart.is-active button>span{background:#e6f7f0}.stats-bar-chart.is-active button>span>i{background:linear-gradient(#23c18b,#0d9870)}
.stats-orders{grid-column:1;grid-row:2}.stats-license-overview{grid-column:2;grid-row:2}.stats-orders__list{max-height:310px;overflow:auto}.stats-order{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #edf0f5}.stats-order>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#eeeafd;color:#6e58e2}.stats-order>div{display:flex;min-width:0;flex-direction:column}.stats-order strong,.stats-order small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-order strong{color:#2d3d53;font-size:10px}.stats-order small{margin-top:4px;color:#8b96a6;font-size:8px}.stats-order>b{color:#159568;font-size:10px;white-space:nowrap}.stats-orders__empty{display:flex;height:180px;align-items:center;justify-content:center;gap:8px;flex-direction:column;color:#9aa4b2;font-size:10px}
.stats-license-overview__body{display:grid;gap:12px;padding:14px}.stats-license-highlights{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stats-license-highlights>article,.stats-license-plans article{display:grid;min-width:0;align-items:center;cursor:pointer;transition:.16s}.stats-license-highlights>article{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:12px;border:1px solid #f2dfbd;border-radius:12px;background:#fff9ee}.stats-license-highlights>article:hover,.stats-license-plans article:hover,.stats-license-highlights>article:focus-visible,.stats-license-plans article:focus-visible{border-color:#a99af3;box-shadow:0 7px 18px rgba(91,72,192,.12);outline:0;transform:translateY(-1px)}.stats-license-highlights article>span,.stats-license-plans article>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#ffedc8;color:#d58a13;font-weight:900}.stats-license-highlights article>div,.stats-license-plans article>div{display:flex;min-width:0;flex-direction:column}.stats-license-highlights small,.stats-license-plans small{overflow:hidden;color:#8b6c3b;font-size:7px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.stats-license-highlights strong{color:#61451c;font-size:15px}.stats-license-highlights em,.stats-license-plans em{color:#9b815a;font-size:7px;font-style:normal}.stats-license-trials{border-color:#dcd5fa!important;background:#f7f5ff!important}.stats-license-trials>span{background:#e9e3ff!important;color:#7059e4!important}.stats-license-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats-license-plans article{grid-template-columns:31px minmax(0,1fr);gap:7px;padding:10px;border:1px solid #e4e9f1;border-radius:11px;background:#fafbfd}.stats-license-plans article>span{width:30px;height:30px;background:#e8efff;color:#4d73d5}.stats-license-plans strong{color:#25364d;font-size:15px}.stats-license-plans small,.stats-license-plans em{color:#6f7d91}
.stats-license-expiry-chart{padding:11px 12px 9px;border:1px solid #e4e9f1;border-radius:12px;background:#fbfcfe}.stats-license-expiry-chart__heading{display:flex;justify-content:space-between;margin-bottom:9px}.stats-license-expiry-chart__heading strong{color:#34465e;font-size:9px}.stats-license-expiry-chart__heading span{color:#8b98a9;font-size:7px}.stats-license-expiry-chart__bars{display:grid;height:125px;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:7px}.stats-license-expiry-chart__bars>button{display:grid;height:100%;grid-template-rows:16px minmax(0,1fr) 16px;align-items:end;padding:0;border:0;background:transparent;text-align:center;cursor:pointer}.stats-license-expiry-chart__bars button>b{align-self:start;color:#d27820;font-size:8px}.stats-license-expiry-chart__bars button>span{position:relative;display:block;height:88px;overflow:hidden;border-radius:6px 6px 3px 3px;background:#fff2e2}.stats-license-expiry-chart__bars button i{position:absolute;right:0;bottom:0;left:0;min-height:2px;border-radius:6px 6px 3px 3px;background:linear-gradient(#f3ad45,#dc7a20)}.stats-license-expiry-chart__bars button>small{color:#7b889a;font-size:7px}
.stats-detail-modal{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:20px}.stats-detail-modal[hidden]{display:none}.stats-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(7,18,37,.62);backdrop-filter:blur(3px)}.stats-detail-modal>section{position:relative;display:flex;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:hidden;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(5,19,42,.35)}.stats-detail-modal header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid #e5eaf1}.stats-detail-modal header small{color:#725ee5;font-size:8px;font-weight:900;letter-spacing:.8px}.stats-detail-modal h2{margin:3px 0;color:#263951;font:900 17px 'Manrope'}.stats-detail-modal header p{margin:4px 0 0;color:#8491a3;font-size:9px}.stats-detail-modal header>button{width:34px;height:34px;border:1px solid #dce3ec;border-radius:9px;background:#f8fafc;color:#65758a;font-size:20px;cursor:pointer}.stats-detail-table{overflow:auto}.stats-detail-table table{min-width:760px}.stats-detail-table th{background:#f5f7fa}.stats-detail-table td{color:#526279}.stats-detail-empty{padding:60px;color:#929eae;text-align:center}.stats-detail-modal footer{padding:12px 18px;border-top:1px solid #edf0f4;text-align:right}.stats-detail-modal footer button{padding:8px 18px;border:1px solid #d7dee8;border-radius:8px;background:#f8fafc;color:#526279;font-size:10px;font-weight:800;cursor:pointer}.stats-modal-open{overflow:hidden}
@media(max-width:900px){.stats-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-content-grid{grid-template-columns:1fr}.stats-license-overview,.stats-orders{grid-column:auto;grid-row:auto}.stats-filter>a{margin-left:0}}
@media(max-width:680px){.stats-dashboard{width:calc(100% - 20px);padding-top:8px}.stats-dashboard__heading{align-items:flex-start;flex-direction:column}.stats-dashboard__heading:after{display:none}.stats-dashboard__heading>a{width:100%}.stats-dashboard__heading-icon{width:44px;height:44px;flex-basis:44px}.stats-filter{align-items:stretch;flex-wrap:wrap}.stats-filter label{width:calc(50% - 6px)}.stats-filter>button,.stats-filter>a{flex:1}.stats-metrics{grid-template-columns:1fr}.stats-bar-chart{height:270px;gap:3px;padding-inline:8px}.stats-bar-chart button>b{display:none}}
@media(max-width:680px){.stats-dashboard__heading-actions{width:100%}.stats-dashboard__heading-actions>*{flex:1}}
@media(max-width:440px){.stats-filter label{width:100%}.stats-filter>button,.stats-filter>a{width:100%;flex:auto}.stats-license-highlights,.stats-license-plans{grid-template-columns:1fr}.stats-metrics article{min-height:100px}.stats-detail-modal{padding:8px}}
