body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:960px;margin:0 auto;padding:20px}.header{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:12px;margin-bottom:30px;padding:30px 20px}.header h1{letter-spacing:1px;font-size:28px;font-weight:700}.subtitle{opacity:.8;margin-top:6px;font-size:14px}.filtros{gap:20px;margin-bottom:24px;display:flex}.filtro-group{flex:1}.filtro-group label{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.grid-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.grid-header{border-bottom:2px solid #e8e8e8;grid-template-columns:1fr 80px 70px 90px 36px;gap:10px;margin-bottom:10px;padding:0 0 10px;display:grid}.grid-col{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.grid-row{border-bottom:1px solid #f0f0f0;grid-template-columns:1fr 80px 70px 90px 36px;align-items:center;gap:10px;padding:6px 0;display:grid}.grid-row:last-child{border-bottom:none}.col-us,.col-total{color:#1a1a2e;text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.col-acao{text-align:center}.qtd-input{text-align:center;font-variant-numeric:tabular-nums;border:1px solid #ddd;border-radius:6px;width:100%;padding:6px 8px;font-size:14px}.qtd-input:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 2px #1a1a2e1a}.btn-remover{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-remover:hover:not(:disabled){background:#fecaca}.btn-remover:disabled{opacity:.3;cursor:not-allowed}.btn-adicionar{color:#666;cursor:pointer;background:0 0;border:2px dashed #ccc;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.btn-adicionar:hover{color:#1a1a2e;background:#f8f8ff;border-color:#1a1a2e}.totalizador{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.total-card{flex-direction:column;gap:16px;display:flex}.total-linhas h3{text-transform:uppercase;color:#888;margin-bottom:8px;font-size:14px}.total-table{border-collapse:collapse;width:100%;font-size:13px}.total-table th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e8e8e8;padding:6px 8px;font-size:11px}.total-table td{border-bottom:1px solid #f0f0f0;padding:6px 8px}.td-valor{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.total-valores{border-top:2px solid #e8e8e8;padding-top:12px}.total-linha{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.total-linha .valor{font-variant-numeric:tabular-nums;font-weight:600}.acrescimo{color:#d97706}.total-final{border-top:2px solid #1a1a2e;margin-top:4px;padding-top:8px;font-size:18px;font-weight:700}.valor-final{color:#1a1a2e;font-variant-numeric:tabular-nums}.btn-novo{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:8px;margin-top:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-novo:hover{background:#16213e}.empty-state{text-align:center;color:#999;padding:60px 20px;font-size:16px}@media (width<=640px){.filtros{flex-direction:column}.grid-header,.grid-row{grid-template-columns:1fr 60px 60px 70px 30px;gap:6px}}