.admin-tabs{grid-template-columns:repeat(3,1fr)}
.admin-overview{width:min(900px,calc(100% - 32px));margin-inline:auto}
.admin-revenue{position:relative;overflow:hidden;min-height:310px;border:1px solid #333;background:radial-gradient(circle at 82% 12%,#281012 0,transparent 38%),#111;padding:24px 24px 0}
.admin-revenue>span{font:700 9px var(--body);letter-spacing:1.7px;color:#888}
.admin-revenue>div:first-of-type{display:flex;align-items:center;gap:14px;margin-top:8px}
.admin-revenue h2{font:900 clamp(38px,8vw,67px)/1 var(--display);margin:0}
.admin-revenue>div>b{color:#53dd83;border:1px solid #265c38;padding:6px 8px;font:700 9px var(--body)}
.admin-revenue p{margin:8px 0 0;color:#666;font-size:9px}
.admin-revenue>svg{display:block;width:calc(100% + 48px);height:145px;margin:18px -24px 0;overflow:visible}
.admin-revenue polyline{fill:none;stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}.admin-revenue .area{fill:url(#salesFill)}
.chart-days{display:grid!important;grid-template-columns:repeat(7,1fr);margin:0!important;padding:0 0 12px;color:#666;font:700 7px var(--body);letter-spacing:.6px}.chart-days span{text-align:center}
.admin-mobile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.admin-mobile-kpis article{min-height:112px;border:1px solid #333;background:#111;padding:14px;display:flex;flex-direction:column}.admin-mobile-kpis span{font:700 8px var(--body);letter-spacing:1px;color:#777}.admin-mobile-kpis b{font:800 clamp(20px,4vw,31px) var(--display);margin:auto 0 5px}.admin-mobile-kpis small{color:#53dd83;font:700 8px var(--body)}
.admin-overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}.mobile-orders,.mobile-top-products{border:1px solid #333;background:#111;padding:16px}.overview-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #333}.overview-head h3{font:800 17px var(--display);margin:0}.overview-head span{color:#666;font:700 7px var(--body);letter-spacing:1px}
.mobile-orders article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #292929}.mobile-orders article:last-child,.mobile-top-products article:last-child{border-bottom:0}.mobile-orders article>div,.mobile-top-products article>div{display:flex;flex-direction:column;gap:4px;min-width:0}.mobile-orders b,.mobile-top-products b{font:700 10px var(--body)}.mobile-orders article span,.mobile-top-products article span{font-size:8px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-orders strong,.mobile-top-products strong{font:800 11px var(--display)}.mobile-orders i{font:700 6px var(--body);font-style:normal;padding:5px}.mobile-orders i.completed{color:#53dd83;background:#112b1a}.mobile-orders i.processing{color:#ffb34d;background:#2c2111}
.mobile-top-products article{display:grid;grid-template-columns:20px 45px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #292929}.mobile-top-products em{color:var(--red);font:800 11px var(--display);font-style:normal}.mobile-top-products img{width:45px;height:52px;object-fit:cover}
@media(max-width:600px){.admin-overview{width:calc(100% - 24px)}.admin-tabs button{min-width:0;display:block;text-align:center;padding:10px 4px}.admin-tabs svg{margin:auto auto 6px}.admin-tabs small{display:none}.admin-tabs span{font-size:9px}.admin-revenue{min-height:280px;padding:18px 16px 0}.admin-revenue>svg{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.admin-mobile-kpis article{min-height:96px;padding:10px}.admin-mobile-kpis span{font-size:6px}.admin-mobile-kpis b{font-size:19px}.admin-overview-grid{grid-template-columns:1fr}.mobile-orders,.mobile-top-products{padding:13px}.mobile-orders article{grid-template-columns:1fr auto}.mobile-orders i{grid-column:1/-1;width:max-content}.mobile-top-products strong{font-size:9px}}