:root{--mustard-primary:#ffdb00;--mustard-dark:#ffa000;--mustard-darker:#ff8f00;--mustard-light:#fff9c4;--mustard-lighter:#fffde7;--mustard-accent:#ffc107;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--border-color:#e0e0e0;--border-hover:#d0d0d0;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-mustard:0 4px 12px rgba(255,219,0,.2)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;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}body{color:var(--text-primary);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--mustard-lighter) 100%);min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:24px}.card{background:var(--bg-primary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md);margin-bottom:24px;border:1px solid var(--border-color);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-lg)}.card h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--mustard-darker) 0,var(--mustard-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card h1,.card h2{color:var(--text-primary);margin-bottom:8px}.card h2{font-size:24px}.btn,.card h2{font-weight:600}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--mustard-primary) 0,var(--mustard-accent) 100%);color:var(--text-primary);box-shadow:var(--shadow-mustard)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--mustard-accent) 0,var(--mustard-dark) 100%);box-shadow:0 6px 16px rgba(255,219,0,.3);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color);border-color:var(--border-hover);transform:translateY(-2px)}.input{padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;width:100%;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.input:hover{border-color:var(--mustard-light)}.input:focus{outline:none;border-color:var(--mustard-primary);box-shadow:0 0 0 3px rgba(255,219,0,.1)}.input::placeholder{color:var(--text-light)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.form-group{margin-bottom:20px}.table{width:100%;border-collapse:separate;border-spacing:0;margin-top:24px;background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.table td,.table th{padding:16px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.table tbody td,.table th{font-size:13px}.table th{background:linear-gradient(135deg,var(--mustard-lighter) 0,var(--mustard-light) 100%);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table tbody tr{transition:all .2s ease;position:relative;z-index:0}.table tbody tr:hover{transform:scale(1.01);z-index:0}.table tbody tr:last-child td{border-bottom:none}.table tfoot tr{background:linear-gradient(135deg,var(--mustard-light) 0,var(--mustard-lighter) 100%);font-weight:700}.table tfoot td{border-bottom:none;padding:16px 12px}.checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--mustard-primary);border-radius:4px}.date-picker-popup{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loading{animation:pulse 1.5s ease-in-out infinite}.quick-select-btn{transition:all .2s ease;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.quick-select-btn:hover{transform:translateY(-2px);border-color:var(--mustard-primary);background:var(--mustard-lighter);color:var(--text-primary);box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--mustard-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--mustard-primary)}@media (max-width:768px){.container{padding:12px}.card{padding:16px;margin-bottom:16px}.card h1{font-size:22px}.table td.mobile-hide,.table th.mobile-hide{display:none}.table td.mobile-guia-icons,.table th.mobile-guia-icons{width:100%;min-width:200px}.table td.mobile-guia-icons>div{width:100%;justify-content:space-between}.table td.mobile-guia-icons span{font-size:12px;word-break:break-all}.table .checkbox{width:24px;height:24px;min-width:24px;min-height:24px}.table tbody tr{min-height:44px}.table td,.table th{padding:10px 8px;font-size:12px}@media (max-width:480px){.table{display:block}.table thead{display:none}.table tbody{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.table tbody tr{display:flex;flex-direction:column;border:2px solid var(--border-color);border-radius:10px;padding:10px;background:var(--bg-primary);box-shadow:var(--shadow-md);transition:all .2s ease;position:relative;overflow:hidden}.table tbody tr[style*="rgba(255, 219, 0"], .table tbody tr[style*=mustard-lighter]{border-color:var(--mustard-primary);box-shadow:0 4px 12px rgba(255,219,0,.3);transform:scale(1.02)}.table tbody tr[style*="rgba(76, 175, 80"]{border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.2)}.table tbody td{border:none;position:relative;padding:4px 6px;text-align:left;width:100%;font-size:11px}.table tbody td:before{content:attr(data-label);display:block;font-weight:600;color:var(--text-secondary);font-size:9px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;opacity:.8}.table tbody td:first-child{text-align:center;padding:6px 6px 8px}.table tbody td:first-child,.table tbody td:nth-child(2){border-bottom:2px solid var(--border-color);margin-bottom:6px}.table tbody td:nth-child(2){padding:8px 6px}.table tbody td:nth-child(2)>div>span:first-child{font-weight:700;font-size:12px;color:var(--text-primary);letter-spacing:.5px}.table tbody td[data-label*=STATUS],.table tbody td[data-label*=Status]{padding:6px 8px;background:var(--bg-tertiary);border-radius:6px;margin-top:4px;font-weight:600;text-align:center}.table tbody td[data-label*=FLETE],.table tbody td[data-label*=Flete]{font-weight:700;color:var(--mustard-darker);font-size:12px}.table tbody td:first-child:before,.table tbody td:nth-child(2):before{display:none}.table tbody td button{min-width:28px;min-height:28px;font-size:16px;padding:2px}.table tbody td.mobile-guia-icons>div>div{gap:4px}.table tfoot{display:table;width:100%;margin-top:16px;grid-column:1/-1}.table tfoot tr{display:table-row}.table tfoot td{display:table-cell;padding:10px 8px;font-size:11px}.table tfoot td:before{display:none}.table tbody tr>td:not(:first-child):not(:nth-child(2)){padding-top:3px;padding-bottom:3px}}}