*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Arial,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-shrink:0;width:280px;padding:28px 22px}.brand{margin-bottom:36px;font-size:24px;font-weight:800}.menu-main{margin-bottom:14px;font-size:17px;font-weight:800}.submenu button{color:#d1d5db;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;width:100%;height:auto;margin-bottom:8px;padding:13px 15px;font-size:15px;font-weight:400;text-decoration:none;display:block}.submenu button:hover,.submenu button.active{color:#fff;background:#2563eb}.content{flex:1;padding:30px;overflow-x:hidden}.header{margin-bottom:22px}.header h1{margin:0;font-size:30px}.header p{color:#6b7280;margin:7px 0 0;font-size:16px}.filters{background:#fff;border-radius:18px;align-items:end;gap:14px;margin-bottom:22px;padding:18px 22px;display:flex;box-shadow:0 10px 26px #0000000f}.field label{color:#6b7280;margin-bottom:7px;font-size:12px;display:block}input,select{background:#fff;border:1px solid #d1d5db;border-radius:11px;height:42px;padding:0 13px;font-size:14px}.btn-atualizar{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;height:44px;padding:0 20px;font-weight:800}.btn-atualizar:hover{background:#000}.status{color:#6b7280;margin-bottom:18px;font-size:13px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px;display:grid}.card{background:#fff;border-left:6px solid #111827;border-radius:18px;padding:21px;box-shadow:0 10px 26px #0000000f}.card.venda{border-left-color:#16a34a}.card.devolucao{border-left-color:#dc2626}.card.liquido{border-left-color:#2563eb}.card.qtd{border-left-color:#7c3aed}.card.custo{border-left-color:#f59e0b}.card.margem{border-left-color:#0891b2}.card-title{color:#6b7280;margin-bottom:10px;font-size:13px}.card-value{font-size:27px;font-weight:800}.panel{background:#fff;border-radius:18px;margin-bottom:24px;padding:22px;box-shadow:0 10px 26px #0000000f}.panel h2{margin:0 0 16px;font-size:21px}.panel-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.panel-title-row h2{margin-bottom:5px}.panel-title-row p{color:#6b7280;margin:0;font-size:14px}table{border-collapse:collapse;border-radius:12px;width:100%;overflow:hidden}th{color:#fff;text-align:left;background:#111827;padding:12px;font-size:13px}td{border-bottom:1px solid #e5e7eb;padding:11px 12px;font-size:13px}tr:hover td{background:#f9fafb}.right{text-align:right}.empty{color:#9ca3af;padding:12px 0;font-size:14px}.chart-wrap{width:100%;height:360px;position:relative}.chart-wrap.pizza{height:450px}canvas{width:100%;height:100%;display:block}.produto-panel{overflow:hidden}.ranking-grid{grid-template-columns:repeat(4,minmax(260px,1fr));align-items:start;gap:18px;display:grid}.ranking-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.ranking-card-header{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);padding:16px 16px 12px}.ranking-card-header h3{margin:0 0 5px;font-size:17px}.ranking-card-header span{color:#d1d5db;font-size:12px}.ranking-table-wrap{max-height:520px;overflow:auto}.ranking-card table{border-radius:0}.ranking-card th{z-index:1;white-space:nowrap;background:#374151;position:sticky;top:0}.ranking-card td{vertical-align:top;background:#fff}.ranking-card td:first-child{color:#111827;font-weight:700}.endpoint-info{color:#6b7280;word-break:break-all;background:#fff;border-top:1px solid #e5e7eb;padding:10px 14px;font-size:11px}@media (width<=1500px){.ranking-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (width<=1000px){.layout{flex-direction:column}.sidebar{width:100%}.cards,.ranking-grid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.btn-atualizar,input,select{width:100%}}