html{background:#f1f5f9}body{margin:0}:root{color:#0f172a;font-synthesis:none;background:#f1f5f9;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{background:#f1f5f9;min-height:100vh}.header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px clamp(18px,4vw,56px);display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:#2563eb;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.brand h1{margin:0;font-size:19px}.brand p{color:#94a3b8;margin:3px 0 0;font-size:12px}.refresh-button,.date-filter button{color:#fff;background:#2563eb;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-weight:700;display:inline-flex}.refresh-button:disabled,.date-filter button:disabled{opacity:.6;cursor:wait}.content{width:min(1400px,100% - 32px);margin:0 auto;padding:32px 0}.welcome{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.welcome h2{margin:0;font-size:26px}.welcome p,.panel-heading p{color:#64748b;margin:5px 0 0;font-size:13px}.date-filter{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:end;gap:10px;padding:10px;display:flex}.date-filter label{color:#64748b;gap:3px;font-size:11px;font-weight:700;display:grid}.date-filter input{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:8px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 6px 20px #0f172a0a}.card-icon{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.card-icon.amber{color:#b45309;background:#fef3c7}.card-icon.green{color:#047857;background:#d1fae5}.card-icon.blue{color:#1d4ed8;background:#dbeafe}.card-icon.purple{color:#7e22ce;background:#f3e8ff}.card strong{font-size:25px;display:block}.card span{color:#64748b;margin-top:3px;font-size:12px;display:block}.chart-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #0f172a0a}.panel-heading{padding:20px 22px 12px}.panel-heading h3{margin:0;font-size:16px}.chart{height:320px;padding:10px 18px 18px 5px}.products-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.search{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;min-width:260px;padding:9px 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid #e2e8f0;padding:14px 22px}th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:11px}td{font-size:13px}.right{text-align:right}.article-number{color:#2563eb;font-weight:700}.quantity{font-weight:800}.error,.loading,.empty{border-radius:14px;padding:18px}.error{color:#991b1b;background:#fee2e2;margin-bottom:20px}.loading{background:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.empty{text-align:center;color:#64748b}.spinning{animation:.8s linear infinite spin}footer{text-align:center;color:#94a3b8;padding:22px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.cards{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:stretch}}@media (width<=700px){.header{align-items:flex-start}.refresh-button{padding:10px;font-size:0}.date-filter{flex-direction:column;align-items:stretch}.date-filter>svg{display:none}.cards{grid-template-columns:1fr}.products-heading{flex-direction:column;align-items:stretch}.search{min-width:0}th,td{padding:12px 15px}}