.reports-body{margin:0;background:#f4f8fb;color:#071426;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.admin-page-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(18px,4vw,52px);background:rgba(255,255,255,.95);border-bottom:1px solid #dbe6ee;backdrop-filter:blur(14px)}
.admin-page-bar>div:first-child{display:flex;gap:14px;align-items:baseline}.admin-page-bar strong{font-size:1.25rem}.admin-page-bar span{color:#66798b;font-weight:800}
.admin-page-actions{display:flex;gap:10px;align-items:center}.admin-page-actions a,.admin-page-actions button{border:1px solid #cedce6;border-radius:11px;padding:9px 12px;background:white;color:#0a3c73;font-weight:900;text-decoration:none}
.reports-shell{max-width:1440px;margin:auto;padding:30px clamp(16px,4vw,52px) 60px}
.reports-hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;background:#071426;color:white;border-radius:24px;padding:28px}
.reports-hero h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em;line-height:.98;margin:.3rem 0 .7rem}.reports-hero p{max-width:820px;color:#c5d5e3}.reports-ledger-link{background:#fff;color:#071426;padding:12px 15px;border-radius:11px;text-decoration:none;font-weight:950;white-space:nowrap}
.report-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.report-controls label{display:grid;gap:6px;font-weight:900;font-size:.78rem;color:#536a7e}.report-controls select,.report-controls input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccdae4;border-radius:12px;background:#fff;font:inherit;color:#071426}
.report-status{padding:11px 13px;background:#eaf7ff;color:#0a4b83;border-radius:11px;font-weight:800}.report-status[hidden]{display:none}
.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.report-kpis article{background:#fff;border:1px solid #dbe6ee;border-radius:16px;padding:16px}.report-kpis span{display:block;color:#708398;font-size:.72rem;font-weight:900}.report-kpis strong{display:block;font-size:1.7rem;margin-top:5px}
.report-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:12px}.report-panel{background:#fff;border:1px solid #dbe6ee;border-radius:18px;padding:17px;min-width:0}.report-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.report-panel-head span{font-size:.62rem;letter-spacing:.13em;color:#168cff;font-weight:950}.report-panel-head h2{font-size:1.05rem;margin:4px 0 0}.report-panel-head button{border:1px solid #cbdbe6;background:#fff;border-radius:10px;padding:8px 11px;font-weight:900;color:#12528a}
.report-trend{height:260px;display:flex;gap:4px;align-items:flex-end;padding-top:30px;overflow:hidden}.report-trend-col{flex:1;min-width:4px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.report-trend-col i{display:block;width:100%;background:linear-gradient(#00d8ff,#168cff);border-radius:5px 5px 0 0;min-height:2px}.report-trend-col small{font-size:.55rem;color:#788b9d;white-space:nowrap}
.report-category-mix,.report-list{display:grid;gap:9px}.mix-row,.report-list-row{padding:10px 0;border-bottom:1px solid #eef3f6}.mix-row:last-child,.report-list-row:last-child{border-bottom:0}.mix-row>div:first-child,.report-list-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;font-weight:900}.mix-track{height:8px;border-radius:99px;background:#edf3f7;margin-top:7px;overflow:hidden}.mix-track i{display:block;height:100%;background:#168cff;border-radius:99px}
.report-table-panel{margin-top:12px}.report-table-wrap{overflow:auto}.report-table{width:100%;border-collapse:collapse;min-width:900px}.report-table th,.report-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf2f5;font-size:.78rem}.report-table th{position:sticky;top:0;background:#f8fbfd;color:#5d7387;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.product-cell strong,.product-cell span{display:block}.product-cell span{color:#788b9d;font-size:.67rem;margin-top:2px}
.report-no-sales{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.no-sale-card{border:1px solid #e2eaf0;border-radius:12px;padding:10px}.no-sale-card strong{display:block;font-size:.78rem}.no-sale-card span{display:block;color:#76899a;font-size:.67rem;margin-top:3px}
@media(max-width:1000px){.report-grid{grid-template-columns:1fr 1fr}.report-wide{grid-column:1/-1}.report-controls{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.reports-shell{padding:16px 12px 40px}.reports-hero{display:grid;padding:20px}.reports-hero h1{font-size:2.2rem}.report-controls{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.report-wide{grid-column:auto}.report-trend{height:190px}.admin-page-bar{padding:11px 12px}.admin-page-bar span{display:none}}

*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}
.reports-shell,.reports-shell>*{min-width:0;max-width:100%}.report-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:max-content;min-width:100%}.report-controls>*{min-width:0}.report-controls input,.report-controls select{min-width:0;max-width:100%}
@media(max-width:640px){.reports-hero>*{min-width:0}.reports-ledger-link{white-space:normal;text-align:center}.report-kpis>*{min-width:0}}