.garantia-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.garantia-container h2{color:#333;margin-bottom:20px;font-size:24px}.garantia-table{width:100%;border-collapse:collapse;margin-top:12px}.garantia-table thead tr{background-color:#f9f9f9;border-bottom:2px solid #ddd}.garantia-table th{padding:12px;text-align:left;font-weight:600;color:#666;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.garantia-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.garantia-table tbody tr:hover{background-color:#f9f9f9}.garantia-table td{padding:12px;color:#333;font-size:14px}.auth-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.auth-container h2{color:#333;margin-bottom:20px;font-size:24px}.auth-container .controls{display:flex;gap:12px;margin-bottom:20px}.auth-container .controls input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.auth-container .controls input:focus{outline:none;border-color:#17294b;box-shadow:0 0 0 3px #17294b1a}.auth-container .controls button{padding:10px 24px;background-color:#17294b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s}.auth-container .controls button:hover:not(:disabled){background-color:#0f1a2e}.auth-container .controls button:disabled{background-color:#ccc;cursor:not-allowed}.auth-container .stats{display:flex;gap:16px;margin-bottom:20px}.auth-container .stat-item{flex:1;padding:16px;background-color:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;gap:4px}.auth-container .stat-label{font-size:12px;color:#888;font-weight:600;text-transform:uppercase}.auth-container .stat-value{font-size:24px;font-weight:700;color:#17294b}.auth-container .loading{text-align:center;color:#888;padding:20px}.auth-container .no-data{text-align:center;color:#999;padding:20px}.auth-container .more-data{text-align:center;color:#999;padding:12px;font-size:12px}.auth-container .table-container{overflow-x:auto}.auth-table{width:100%;border-collapse:collapse;margin-top:12px}.auth-table thead tr{background-color:#f9f9f9;border-bottom:2px solid #ddd}.auth-table th{padding:12px;text-align:left;font-weight:600;color:#666;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.auth-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.auth-table tbody tr:hover{background-color:#f9f9f9}.auth-table td{padding:12px;color:#333;font-size:14px}.auth-table code{background-color:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.rastreabilidade-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.rastreabilidade-container h2{color:#333;margin-bottom:20px;font-size:24px}.controls{display:flex;gap:12px;margin-bottom:20px}.controls input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.controls input:focus{outline:none;border-color:#17294b;box-shadow:0 0 0 3px #17294b1a}.controls button{padding:10px 24px;background-color:#17294b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s}.controls button:hover:not(:disabled){background-color:#0f1a2e}.controls button:disabled{background-color:#ccc;cursor:not-allowed}.stats{display:flex;gap:16px;margin-bottom:20px}.stat-item{flex:1;padding:16px;background-color:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#888;font-weight:600;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:#17294b}.table-container{overflow-x:auto}.rastreabilidade-table{width:100%;border-collapse:collapse;margin-top:12px}.rastreabilidade-table thead tr{background-color:#f9f9f9;border-bottom:2px solid #ddd}.rastreabilidade-table th{padding:12px;text-align:left;font-weight:600;color:#666;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.rastreabilidade-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.rastreabilidade-table tbody tr:hover{background-color:#f9f9f9}.rastreabilidade-table td{padding:12px;color:#333;font-size:14px}.vendas-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.vendas-container h2{color:#333;margin-bottom:20px;font-size:24px}.vendas-container .controls{display:flex;gap:12px;margin-bottom:20px}.vendas-container .controls input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.vendas-container .controls input:focus{outline:none;border-color:#17294b;box-shadow:0 0 0 3px #17294b1a}.vendas-container .controls button{padding:10px 24px;background-color:#17294b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .3s}.vendas-container .controls button:hover:not(:disabled){background-color:#0f1a2e}.vendas-container .controls button:disabled{background-color:#ccc;cursor:not-allowed}.vendas-container .stats{display:flex;gap:16px;margin-bottom:20px}.vendas-container .stat-item{flex:1;padding:16px;background-color:#f5f5f5;border-radius:6px;display:flex;flex-direction:column;gap:4px}.vendas-container .stat-label{font-size:12px;color:#888;font-weight:600;text-transform:uppercase}.vendas-container .stat-value{font-size:24px;font-weight:700;color:#17294b}.loading{text-align:center;color:#888;padding:20px}.no-data{text-align:center;color:#999;padding:20px}.more-data{text-align:center;color:#999;padding:12px;font-size:12px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-top:20px}.venda-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.venda-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{background-color:#f9f9f9;padding:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:start;gap:12px}.card-header h3{margin:0;font-size:16px;color:#333;flex:1}.material-badge{background-color:#17294b;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap}.card-content{padding:12px}.info-row{display:flex;gap:12px;margin-bottom:8px;font-size:13px}.info-row:last-child{margin-bottom:0}.info-row .label{font-weight:600;color:#666;min-width:100px}.info-row .value{color:#333;word-break:break-word;flex:1}.contact-info{margin-top:12px;padding-top:12px;border-top:1px solid #eee}@media (max-width: 768px){.cards-container{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#17294b,#1e3a5f);color:#fff;padding:24px 20px;box-shadow:0 2px 8px #00000026}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}.header-title{display:flex;align-items:baseline;gap:16px}.header-content h1{font-size:36px;font-weight:700;letter-spacing:-1px;margin:0}.header-subtitle{display:flex;flex-direction:column;gap:4px}.header-subtitle p{font-size:14px;opacity:.9;margin:0}.csv-name{font-size:12px;background-color:#fff3;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-weight:600}.csv-link{font-size:11px;color:#ffffffe6;text-decoration:none;font-family:Courier New,monospace;word-break:break-all;padding:4px 0;transition:color .3s;border-bottom:1px solid rgba(255,255,255,.4)}.csv-link:hover{color:#fff;border-bottom-color:#fffc}.tabs-nav{background:#fff;padding:0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ddd #f9f9f9}.tabs-nav::-webkit-scrollbar{height:4px}.tabs-nav::-webkit-scrollbar-track{background:#f9f9f9}.tabs-nav::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.tabs-nav::-webkit-scrollbar-thumb:hover{background:#999}.tabs-container{display:flex;justify-content:center;gap:0;padding:0;margin:0;min-width:min-content}.tab-btn{flex-shrink:0;padding:16px 20px;border:none;background:#fff;color:#666;cursor:pointer;font-size:14px;font-weight:600;border-bottom:3px solid transparent;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:140px}.tab-btn:hover{background-color:#f9f9f9;color:#333}.tab-btn.active{color:#17294b;border-bottom-color:#17294b;background-color:#f0f3f7}.tab-icon{font-size:18px}@media (max-width: 768px){.header-content{flex-direction:column;gap:12px}.header-content h1{font-size:28px}.tab-btn{min-width:auto;padding:16px 12px}.tab-label,.csv-name,.header-subtitle p{display:none}}.app-main{flex:1;padding:24px 20px}.container{max-width:1200px;margin:0 auto}.app-footer{background:#2c2c2c;color:#fff;padding:16px 20px;text-align:center;font-size:13px;margin-top:auto;border-top:1px solid #17294b}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-danger{background-color:#fee;border:1px solid #fcc;color:#c33}