:root{--bg:#080a09;--panel:#0c0e0c;--line:#3e3522;--gold:#e4bc60;--text:#ebece8;--muted:#90948d;--green:#52ca8b;color-scheme:dark}body{background:radial-gradient(ellipse at 75% 0,#17170f 0,transparent 46%),#080a09;font-family:'Segoe UI','Microsoft YaHei',sans-serif}.app{max-width:none;padding:0 24px 24px}header{height:86px;padding:12px 0;border-color:#3d3a2b}.brand-logo{width:66px;height:60px;border:0;object-fit:contain;border-radius:50%}.eyebrow{font-size:28px;color:var(--gold);font-weight:650;letter-spacing:.5px}.brand h1{font-size:14px;letter-spacing:3px;font-weight:400}#main{padding-left:220px}nav{position:absolute;left:0;top:86px;width:220px;min-height:calc(100vh - 86px);display:flex;flex-direction:column;gap:7px;border-right:1px solid #34372e;padding:18px 0;overflow:visible;background:#0b0d0c}.tab{border:0;background:transparent;text-align:left;color:#c1c4be;font-size:16px;font-weight:400;padding:18px 24px;border-radius:0}.tab:before{content:'◇';display:inline-block;width:33px;font-size:21px;color:#9da298}.tab.active{background:linear-gradient(100deg,#76551c80,#4c3c1c55);color:#f4d57f;border-right:3px solid #e7bf63;font-weight:600}.tab.active:before{color:#e7bf63}.panel{background:linear-gradient(120deg,#11130f80,#080a09);border:1px solid #574520;border-radius:10px;padding:16px;box-shadow:none;margin:14px 0}.report-title{display:flex;align-items:center;justify-content:space-between;padding:20px 0 12px}.report-title small{font-size:10px;letter-spacing:2px;color:#8b805f}.report-title h2{margin:5px 0;font-size:23px}.report-title>select{width:150px}.report-filters{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr 1fr .8fr;gap:12px;align-items:end}.report-filters label{margin:0;color:#989d93;font-size:11px}.report-filters button{height:42px}input,select,textarea{background:#0c0f0d;border-color:#373b31;border-radius:7px;padding:11px 12px}button{background:linear-gradient(120deg,#d9b45f,#9b7733);border:1px solid #b68a3a;border-radius:7px;color:#fff6dc}button:hover{filter:brightness(1.15)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #edca76;outline-offset:3px}.hero-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.hero-cards .stat{display:flex;align-items:center;gap:15px;min-height:124px;background:linear-gradient(130deg,#15170f,#090c09);border-color:#76602f;border-radius:10px;padding:18px 14px}.hero-cards i{font-size:34px;font-style:normal;color:#dfb854;background:#bd923515;border-radius:50%;width:52px;height:52px;text-align:center;line-height:52px;flex-shrink:0}.hero-cards .stat strong{font-size:clamp(19px,1.7vw,28px);white-space:nowrap;letter-spacing:-.5px}.hero-cards .stat span{color:#dddcd2;font-size:13px}.hero-cards small{display:block;color:#767d70;font-size:10px;margin-top:12px}#reportProfit{color:#66ce8d}.stat b{font-weight:inherit}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h3{margin:0;font-size:16px;color:#e3d8b8}.chart-controls{display:flex;align-items:center;gap:20px}.chart-controls select{width:76px;margin:0}.legend{font-size:12px;white-space:nowrap}.legend:before{content:'';display:inline-block;width:18px;height:9px;border-radius:2px;background:#e2b952;margin-right:7px}.legend.green:before{background:#43c688;height:3px}#profitChart{overflow-x:auto;padding-top:12px}#profitChart svg{display:block;width:100%;height:240px}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.breakdown-grid>.panel{margin:0;min-width:0}.dashboard-table{min-width:480px}.dashboard-table th,.dashboard-table td{padding:11px 9px;font-size:12px}.dashboard-table th{background:#151812;color:#c1c3b8;font-weight:400}.dashboard-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}td.volume-cell{line-height:1.7}tfoot{background:#6b4d1d35;font-weight:600;color:#edcd80}table th,table td{border-color:#282e24}.tablewrap{margin-top:12px}.empty-state{text-align:center;padding:60px 12px;color:#8c9585;font-size:13px}.currency-cards{grid-template-columns:repeat(4,1fr)}.currency-cards .stat{background:#10130e;border-radius:9px}.currency-cards strong{font-size:19px}details summary{cursor:pointer;color:#b9bba9;font-size:13px}.ghost{background:#0c0f0b;font-size:12px;border-color:#474c3b}#login{max-width:440px;margin:80px auto}footer{margin-left:220px}#reports>.muted{font-size:11px;margin:9px 0}.report-group-table{font-variant-numeric:tabular-nums}#reportWarning{margin-bottom:0}
@media(min-width:1700px){#main{padding-left:230px}.app{padding-right:30px}}
@media(max-width:1150px){#main{padding-left:180px}nav{width:180px}.tab{padding:16px;font-size:14px}.hero-cards i{display:none}.report-filters{grid-template-columns:repeat(3,1fr)}.breakdown-grid{grid-template-columns:1fr}.hero-cards .stat strong{font-size:23px}footer{margin-left:180px}}
@media(max-width:760px){.app{padding:0 12px 16px}header{height:75px}.eyebrow{font-size:23px}.brand h1{font-size:12px}.brand-logo{width:48px;height:48px}#main{padding-left:0}nav{position:static;flex-direction:row;min-height:0;width:auto;overflow:auto;border:0;padding:12px 0;gap:6px}.tab{padding:11px 13px;border-radius:6px;font-size:13px}.tab:before{display:none}.tab.active{border-right:0;border-bottom:2px solid #dfb45d}.report-title{padding-top:10px}.hero-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-cards .stat{min-height:108px}.hero-cards .stat strong{font-size:21px}.currency-cards{grid-template-columns:repeat(2,1fr)}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-controls{gap:10px;flex-wrap:wrap}.chart-panel .section-heading{align-items:flex-start;flex-direction:column}footer{margin-left:0}.panel{padding:12px}.report-title h2{font-size:21px}}
/* v20: fit the available width without hiding any report columns. */
#reports{min-width:0}.trend-heading{margin:18px 0 0}.trend-heading h3{font-size:15px;margin:0;color:#d9ceac}.trend-heading select{width:82px;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.charts-grid .panel{min-width:0;margin:10px 0 14px}.responsive-chart,#profitChart{padding-top:8px;overflow:visible;min-width:0}.responsive-chart svg,#profitChart svg{display:block;width:100%;height:auto;min-width:0;max-width:100%}.responsive-chart .empty-state{min-height:190px;margin:0;display:grid;align-content:center;line-height:1.8}#reports .tablewrap{overflow:visible;min-width:0}#reports table{width:100%;min-width:0!important;table-layout:fixed}#reports th,#reports td{white-space:normal!important;overflow-wrap:anywhere;word-break:normal;padding:10px 7px;font-size:12px;line-height:1.5}#reports th{font-size:11px}#reports .dashboard-table th:nth-child(1){width:23%}#reports .dashboard-table th:nth-child(2){width:10%}#reports .dashboard-table th:nth-child(3){width:25%}#reports .dashboard-table th:nth-child(4){width:24%}#reports .dashboard-table th:nth-child(5){width:18%}#reports .report-group-table th:first-child{width:15%}#reports .report-group-table th:nth-child(2){width:7%}.platform-brand{display:flex;align-items:center;gap:7px;min-width:0}.platform-brand img{width:22px;height:22px;object-fit:contain;flex-shrink:0;border-radius:50%;background:#fff}.platform-brand span{min-width:0}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1200px){.breakdown-grid{grid-template-columns:1fr}.charts-grid{grid-template-columns:1fr 1fr}.platform-brand img{width:20px;height:20px}}
@media(max-width:760px){.charts-grid{grid-template-columns:1fr}.charts-grid .panel{margin:6px 0}.breakdown-grid{margin-top:12px}#reports .section-heading{flex-wrap:wrap}#reports table,#reports tbody,#reports tfoot{display:block}#reports thead{display:none}#reports tbody tr,#reports tfoot tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border-bottom:1px solid #3c402e;padding:10px 0}#reports td{display:block;text-align:left!important;padding:7px 2px;border:0;font-size:13px}#reports td:before{content:attr(data-label);display:block;color:#949c8b;font-size:11px;margin-bottom:3px}#reports tr td:first-child{grid-column:1/-1;color:#e6c97d;font-weight:600}#reports .report-group-table .period-cell{min-width:0}.platform-brand img{width:24px;height:24px}.responsive-chart .empty-state{min-height:160px}.hero-cards .stat strong{white-space:normal;overflow-wrap:anywhere}}