.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.kpi-card{display:block;background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;color:inherit;transition:border-color .15s,box-shadow .15s}
.kpi-card:hover{border-color:#b8cbc6;box-shadow:0 5px 18px #142a3508}
.kpi-label{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:12px;margin-bottom:16px}
.kpi-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#eef5f2;color:var(--accent)}
.kpi-icon svg{width:16px;height:16px}.kpi-value{display:block;font-size:26px;line-height:1.1;font-weight:650;letter-spacing:-.7px;color:var(--text);font-variant-numeric:tabular-nums}
.kpi-note{display:block;color:var(--text-muted);font-size:11px;margin-top:8px}.kpi-note.attention{color:#9d6720}
.dashboard-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.orders-row{grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr)}.bottom-row{grid-template-columns:1fr 1fr}
.chart-key{font-size:11px;color:var(--text-muted)}.chart-key i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:5px}.chart-total{font-size:22px;font-weight:650;margin-bottom:12px}.chart-total small{display:block;color:var(--text-muted);font-size:11px;font-weight:400;margin-top:3px}
#salesChart svg{display:block;width:100%;height:190px;overflow:visible}.chart-grid{stroke:#e7ecef;stroke-width:1}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5}.chart-area{fill:#117b6812}.chart-dot{fill:#fff;stroke:var(--accent);stroke-width:2}.chart-label{fill:#87949d;font:10px 'Segoe UI',sans-serif}.chart-value{fill:#536772;font:10px 'Segoe UI',sans-serif;font-weight:600}
.live-badge{font-size:10px;border-radius:20px;padding:4px 8px;background:#eef2f4;color:#647580}.live-badge.connected{background:#e8f5ef;color:#267d67}.live-badge.offline{background:#fff3df;color:#93651f}
.status-list{display:grid;gap:15px}.status-row{display:grid;grid-template-columns:90px 1fr 24px;align-items:center;gap:10px;font-size:12px}.status-row a{color:#586b76}.status-bar{height:6px;border-radius:10px;background:#edf1f3;overflow:hidden}.status-bar i{display:block;height:100%;border-radius:10px}.status-row strong{text-align:right;font-variant-numeric:tabular-nums}.operation-total{display:flex;align-items:baseline;gap:8px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #edf0f2}.operation-total strong{font-size:31px}.operation-total span{font-size:12px;color:var(--text-muted)}
.recent-table .order-number{font-weight:650;color:var(--accent)}.recent-table td{padding-top:13px;padding-bottom:13px}.customer-name{font-weight:550}.customer-phone{display:block;font-size:10px;color:var(--text-muted);margin-top:2px}.order-items{max-width:260px;color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attention-list{display:grid;gap:4px}.attention-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f2}.attention-item:last-child{border-bottom:0}.attention-number{display:grid;place-items:center;width:39px;height:39px;background:#f2f6f5;border-radius:8px;color:var(--accent);font-size:15px;font-weight:650;flex:none}.attention-number.warn{background:#fff3df;color:#99661b}.attention-item div{min-width:0}.attention-item strong{display:block;font-size:12px}.attention-item span{font-size:11px;color:var(--text-muted)}
.product-list,.segment-list{display:grid;gap:13px}.product-row,.segment-row{display:grid;grid-template-columns:minmax(100px,1fr) 1.4fr auto;gap:12px;align-items:center;font-size:12px}.product-row>span:first-child,.segment-row>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar{height:6px;background:#edf1f3;border-radius:6px;overflow:hidden}.mini-bar i{display:block;height:100%;background:#80b7a8;border-radius:6px}.product-row strong,.segment-row strong{font-size:11px;font-variant-numeric:tabular-nums}.segment-row:nth-child(2) .mini-bar i{background:#d1aa68}.segment-row:nth-child(4) .mini-bar i{background:#8e83bb}.dashboard-foot{display:flex;justify-content:space-between;gap:20px;color:#87949d;font-size:10px;padding:5px 2px 0}
.closing-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.closing-kpi-grid .kpi-card{cursor:default}.closing-kpi-grid .kpi-value.diff-ok{color:#267d67}.closing-kpi-grid .kpi-value.diff-bad{color:#a63d32}.closing-day-closed{color:#267d67;font-weight:600}.closing-day-open{color:#93651f}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-row,.orders-row{grid-template-columns:1fr}.operation-surface{order:-1}.closing-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{padding:15px}.kpi-value{font-size:22px}.bottom-row{grid-template-columns:1fr}.dashboard-foot{flex-direction:column;gap:3px}.product-row,.segment-row{grid-template-columns:minmax(80px,1fr) 1fr auto}}