.analytics-view{min-height:100dvh;background:#121315}
.analytics-content{max-width:1530px;margin:0 auto;padding:45px 44px 84px}
.analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.analytics-heading h1{margin:0 0 9px;font-size:29px;line-height:1.2;letter-spacing:-.035em;font-weight:650;color:#f3f1eb}
.analytics-heading p{margin:0;color:#a8a49c;font-size:12px;line-height:1.6}
.analytics-heading .secondary-button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
.analytics-heading .icon{width:15px;height:15px}
.analytics-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:15px 0 21px;border-bottom:1px solid #34322f;margin-bottom:25px}
.analytics-toolbar label,.analytics-detail-filters label{display:grid;gap:6px;color:#a8a49c;font-size:11px}
.analytics-toolbar select,.analytics-toolbar input,.analytics-detail-filters select{height:36px;min-width:136px;border:1px solid #504a41;border-radius:8px;background:#242420;color:#eee9df;padding:0 10px;font-size:12px;outline:none}
.analytics-toolbar select:focus-visible,.analytics-toolbar input:focus-visible,.analytics-detail-filters select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.analytics-custom{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.analytics-custom input{min-width:146px;color-scheme:dark}
.analytics-custom button{height:36px}
.analytics-updated{margin-left:auto;padding-bottom:9px;color:#85827d;font-size:11px;white-space:nowrap}
.analytics-error{margin:0 0 20px;padding:12px 15px;border:1px solid #88584a;border-radius:9px;background:#33211f;color:#f3c4b8;font-size:12px}
.analytics-loading,.analytics-empty{margin:0;padding:36px 4px;color:#99958d;font-size:12px;line-height:1.6}
.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.analytics-metric,.analytics-panel{background:#202123;border:1px solid #353533;border-radius:13px}
.analytics-metric{padding:20px 21px;min-height:142px}
.analytics-metric-label{display:flex;align-items:center;gap:9px;color:#c6c1b8;font-size:12px;font-weight:550}
.analytics-metric-label .icon{width:17px;height:17px;color:#cbb594}
.analytics-metric-value{display:flex;align-items:baseline;gap:7px;margin:17px 0 10px;font-size:29px;font-weight:650;letter-spacing:-.03em;line-height:1;color:#f6f4ef;font-variant-numeric:tabular-nums}
.analytics-metric-value small{font-size:12px;font-weight:500;color:#9c978d;letter-spacing:0}
.analytics-metric p{margin:0;color:#898680;font-size:11px;line-height:1.5}
.analytics-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.analytics-panel{min-width:0;padding:22px 22px 20px}
.analytics-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:20px}
.analytics-panel-head h2{font-size:16px;font-weight:600;line-height:1.3;margin:0;color:#eee9df;letter-spacing:-.015em}
.analytics-panel-head>span{color:#918d86;font-size:11px;white-space:nowrap}
.analytics-panel-head p{margin:7px 0 0;color:#928e86;font-size:11px;line-height:1.5}
.analytics-rank-list{display:grid;gap:3px;max-height:340px;overflow:auto;scrollbar-color:#575047 transparent;scrollbar-width:thin}
.analytics-rank{display:flex;align-items:start;gap:13px;width:100%;padding:12px 10px;border:0;border-radius:8px;background:transparent;text-align:left;color:#e9e6df}
.analytics-rank:hover,.analytics-rank:focus-visible{background:#2c2c2c}
.analytics-rank-index{width:19px;flex:0 0 19px;margin-top:1px;color:#9b968d;font-size:12px;font-variant-numeric:tabular-nums}
.analytics-rank-main{display:grid;gap:7px;min-width:0;flex:1}
.analytics-rank-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px}
.analytics-rank-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}
.analytics-rank-top>span{color:#dac39f;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}
.analytics-rank-top>span small{color:#9f9a90;font-size:10px;font-weight:400}
.analytics-rank-main>small{color:#89857e;font-size:10px}
.analytics-rank-track{height:5px;border-radius:4px;background:#3a3936;overflow:hidden}
.analytics-rank-track i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,#9e8b6a,#d5b98d);border-radius:4px}
.analytics-trend-scroll{overflow:auto;scrollbar-color:#575047 transparent;scrollbar-width:thin}
.analytics-trend{display:grid;grid-template-columns:repeat(var(--trend-count),minmax(20px,1fr));gap:4px;min-width:max(100%,calc(var(--trend-count)*24px));height:260px;padding:12px 0 0;border-bottom:1px solid #45433e}
.analytics-trend-day{display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0;height:100%;position:relative}
.analytics-trend-value{min-height:18px;color:#e6cca4;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.analytics-trend-bar{width:min(25px,100%);min-height:2px;background:linear-gradient(180deg,#dbc39e,#8f7654);border-radius:4px 4px 0 0}
.analytics-trend-day small{position:absolute;top:calc(100% + 7px);font-size:9px;color:#88847d;white-space:nowrap;transform:rotate(-35deg);transform-origin:top center}
.analytics-secondary .analytics-panel{min-height:338px}
.analytics-secondary .analytics-trend-scroll{margin-bottom:30px}
.analytics-detail{margin-top:2px}
.analytics-detail-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.analytics-detail-filters label{min-width:160px}
.analytics-detail-filters select{max-width:220px;width:100%}
.analytics-detail-filters button{height:36px;padding:0 9px;border:0;background:transparent;color:#c9b18c;font-size:11px}
.analytics-detail-filters button:hover{text-decoration:underline;text-underline-offset:3px}
.analytics-table-scroll{overflow:auto;scrollbar-color:#575047 transparent;scrollbar-width:thin}
.analytics-table{width:100%;border-collapse:collapse;min-width:850px;text-align:left;font-size:11px;color:#d0cdc6}
.analytics-table th{padding:11px 10px;border-bottom:1px solid #45433f;color:#908d86;font-weight:500;white-space:nowrap}
.analytics-table td{padding:12px 10px;border-bottom:1px solid #333431;vertical-align:top;line-height:1.45}
.analytics-table td:nth-child(3){max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-table td strong{display:block;color:#eee9df;font-size:11px;font-weight:550;white-space:nowrap}
.analytics-table td small{display:block;color:#8c8880;margin-top:3px;font-size:10px}
.analytics-table time,.analytics-points{font-variant-numeric:tabular-nums;white-space:nowrap}
.analytics-status{color:#cfc0a9;white-space:nowrap}
.analytics-status.is-refunded{color:#b5a7a0}
.analytics-points{text-align:right;color:#e4c69a;font-weight:650}
.analytics-points small{font-weight:400;color:#9f9181}
.analytics-table-empty{text-align:center!important;padding:28px!important;color:#918d86}
.analytics-more{display:block;margin:18px auto 0;padding:8px 16px;border:1px solid #665a49;border-radius:7px;background:#2d2a25;color:#eadcc6;font-size:11px}
.analytics-more:hover{background:#373127}
@media(max-width:1100px){.analytics-content{padding-inline:30px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.analytics-content{padding:34px 20px 60px}.analytics-heading{align-items:start}.analytics-heading h1{font-size:25px}.analytics-split{grid-template-columns:1fr}.analytics-secondary .analytics-panel{min-height:0}.analytics-updated{width:100%;margin-left:0;padding-bottom:0}.analytics-detail-filters label{flex:1 1 150px}.analytics-detail-filters select{max-width:none}}
@media(max-width:520px){.analytics-content{padding-inline:15px}.analytics-heading{flex-direction:column;align-items:stretch;gap:15px}.analytics-heading .secondary-button{align-self:flex-start}.analytics-metrics{gap:8px}.analytics-metric{padding:16px;min-height:130px}.analytics-metric-value{font-size:25px}.analytics-panel{padding:18px 15px}.analytics-toolbar{gap:9px}.analytics-custom{width:100%}.analytics-custom label{flex:1 1 120px}.analytics-custom input{min-width:0;width:100%}}