@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#22262a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#22262a;border-bottom:1px solid hsl(210 11% 28%);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;-webkit-user-select:none;user-select:none}.logo-text{color:#f9fafb}.logo-text-accent{color:#3c83f6}.nav-links{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.nav-links a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;color:#d2d9df;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.nav-links a:hover{background:#32383e;color:#f0f2f4}.nav-links a.active{background:#3c83f626;color:#6da2f8}@media(max-width:768px){.navbar{padding:0 1rem 1rem;height:auto;flex-direction:column}.nav-brand{height:64px;width:100%}.nav-links{width:100%;overflow-x:auto;padding-bottom:.5rem}}.home-page{padding:1.5rem;max-width:1400px;margin:0 auto}.stat-card:hover{border-color:hsl(var(--muted-foreground) / .3)}.upload-zone{border:2px dashed hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:3rem 2rem;text-align:center;transition:all .2s;cursor:pointer}.btn-primary:hover:not(:disabled){background:hsl(var(--primary) / .9)}.btn-outline{background:transparent;border:1px solid hsl(var(--input));color:hsl(var(--foreground));padding:.5rem 1rem}.btn-outline:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-ghost:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.alert.success{background:#16a34a1a;border-color:#16a34a4d;color:#16a34a}.search-bar{display:flex;align-items:center;gap:.5rem;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);padding:0 .75rem;height:36px}.table-wrapper{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow-x:auto}.modern-table thead{background:hsl(var(--muted) / .5)}.modern-table th{padding:.75rem 1rem;text-align:right;font-weight:500;font-size:.8125rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));white-space:nowrap}.modern-table td{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));text-align:right;font-size:.875rem}.code{font-family:ui-monospace,monospace;font-size:.8125rem}.badge{display:inline-flex;align-items:center;border-radius:calc(var(--radius) - 4px);padding:.25rem .625rem;font-size:.75rem;font-weight:500;border:1px solid transparent}.badge-success{background:#16a34a1a;color:#16a34a;border-color:#16a34a33}.badge-info{background:#2563eb1a;color:#2563eb;border-color:#2563eb33}.badge-error{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .2)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:hsl(var(--muted) / .3);border-top:1px solid hsl(var(--border))}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid hsl(240 3.7% 15.9%);background:#0a0a0a;color:#fff!important;border-radius:6px;cursor:pointer;transition:all .2s;padding:0;line-height:1}.pagination-btn svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;display:block!important;flex-shrink:0}.pagination-btn svg path,.pagination-btn svg line,.pagination-btn svg polyline{stroke:currentColor!important}.pagination-btn:hover:not(:disabled){background:#27272a;color:#fafafa;border-color:#a1a1aa}.skeleton-row{display:flex;gap:1rem;margin-bottom:.75rem}.skeleton{background:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.home-page{padding:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.upload-card,.data-card{padding:1rem}.data-header{flex-direction:column;align-items:stretch}.data-controls{flex-direction:column;width:100%}.search-bar{width:100%}}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.file-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;position:relative}.file-card:hover{border-color:hsl(var(--primary));background:hsl(var(--muted) / .5)}.file-icon{width:48px;height:48px;border-radius:8px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));display:flex;align-items:center;justify-content:center}.file-info{flex:1}.file-name{font-weight:500;margin-bottom:.25rem;color:hsl(var(--foreground))}.file-meta{font-size:.8125rem;color:hsl(var(--muted-foreground))}.file-date{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.delete-btn{padding:.5rem;color:hsl(var(--destructive));border-radius:6px;opacity:0;transition:all .2s;background:transparent;border:none;cursor:pointer}.delete-btn:hover{background:hsl(var(--destructive) / .1)}.orders-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.5rem;font-weight:600;color:#f9fafb;margin:0}.header-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.global-search{display:flex;align-items:center;gap:.5rem;background:#32383e;border:1px solid hsl(210 11% 28%);border-radius:6px;padding:0 .75rem;height:38px}.global-search:focus-within{border-color:#acb3b9}.global-search .search-icon{color:#9ea6ae;flex-shrink:0}.global-search input{background:transparent;border:none;color:#f9fafb;font-size:.875rem;outline:none;min-width:150px}.global-search input::placeholder{color:#9ea6ae}.global-search .clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ea6ae;cursor:pointer;padding:.25rem}.global-search .clear-btn:hover{color:#f9fafb}.global-search .search-btn{background:#3c83f6;color:#fff;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.8125rem;cursor:pointer}.global-search .search-btn:hover{background:#2474f5}.day-search{display:flex;gap:.5rem}.day-search input{background:#32383e;border:1px solid hsl(210 11% 28%);border-radius:6px;padding:.5rem .75rem;color:#f9fafb;font-size:.875rem}.day-search input:focus{outline:2px solid hsl(217 91% 60%);outline-offset:2px}.day-search button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#3c83f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.day-search button:hover{background:#2474f5}.day-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.day-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid hsl(210 11% 28%);border-radius:6px;color:#9ea6ae;font-size:.8125rem;cursor:pointer;white-space:nowrap;transition:all .15s}.day-tab:hover{background:#363d44;color:#f9fafb}.day-tab.active{background:#3c83f6;color:#fff;border-color:#3c83f6}.loading-days,.no-days{color:#9ea6ae;font-size:.875rem;padding:.5rem}.loading-days{display:flex;align-items:center;gap:.5rem}.search-mode-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#2563eb1a;border:1px solid hsl(221.2 83.2% 53.3% / .3);border-radius:6px;margin-bottom:1rem;color:#2563eb;font-size:.875rem}.search-mode-banner strong{color:#f9fafb}.search-mode-banner button{background:transparent;border:1px solid hsl(221.2 83.2% 53.3%);color:#2563eb;padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;cursor:pointer}.search-mode-banner button:hover{background:#2563eb33}.search-error{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef44441a;color:#ef4444;border-radius:.5rem;font-size:.85rem;margin-bottom:1rem}.days-error{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;color:#ef4444;font-size:.875rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#ef4444;text-align:center}.retry-btn{padding:.5rem 1rem;background:#3c83f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.85rem;transition:background .2s}.retry-btn:hover{background:#2474f5}.orders-section{background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#9ea6ae}.table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:800px}.orders-count{padding:.75rem 1rem;font-size:.875rem;color:#9ea6ae;border-top:1px solid hsl(210 11% 28%);background:#2d3339}@media(max-width:768px){.orders-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:1.25rem}.day-search{width:100%}.day-search input{flex:1}}.all-orders-page{padding:1.5rem;max-width:1600px;margin:0 auto}.stats-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;align-items:center;gap:.75rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;padding:1rem 1.5rem;flex:1;max-width:300px}.stat-item svg{color:#2563eb}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8125rem;color:#9ea6ae}.stat-value{font-size:1.25rem;font-weight:600;color:#f9fafb}.controls-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.search-form{display:flex;align-items:center;gap:.5rem;background:#32383e;border:1px solid hsl(210 11% 28%);border-radius:6px;padding:0 .75rem;height:40px;flex:1;max-width:400px}.search-form:focus-within{border-color:#acb3b9}.search-form svg{color:#9ea6ae;flex-shrink:0}.search-form input{background:transparent;border:none;color:#f9fafb;font-size:.875rem;outline:none;flex:1}.search-form input::placeholder{color:#9ea6ae}.search-form .clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#9ea6ae;cursor:pointer;padding:.25rem}.search-form .clear-btn:hover{color:#f9fafb}.search-form .search-btn{background:#3c83f6;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.8125rem;cursor:pointer}.search-form .search-btn:hover{background:#2474f5}.filter-toggle{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid hsl(210 11% 28%);color:#f9fafb;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;height:40px;position:relative}.filter-toggle:hover{background:#32383e}.filter-toggle.active{background:#32383e;border-color:#3c83f6}.filter-badge{color:#2563eb;font-size:1.5rem;line-height:1;margin-left:-.25rem}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid hsl(210 11% 28%);color:#f9fafb;border-radius:6px;cursor:pointer}.refresh-btn:hover{background:#32383e}.filter-panel{display:flex;gap:1.5rem;align-items:flex-end;padding:1rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.8125rem;color:#9ea6ae}.filter-group select,.filter-group input{background:#32383e;border:1px solid hsl(210 11% 28%);color:#f9fafb;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;min-width:120px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#3c83f6}.range-inputs input{width:80px}.range-inputs span{color:#9ea6ae}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid hsl(0 62.8% 30.6%);color:#d02f2f;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;cursor:pointer}.clear-filters-btn:hover{background:#7f1d1d33}.error-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#7f1d1d1a;border:1px solid hsl(0 62.8% 30.6% / .3);color:#d02f2f;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.error-message button{background:transparent;border:1px solid currentColor;color:inherit;padding:.25rem .5rem;border-radius:4px;cursor:pointer;margin-left:auto}.table-card{background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#9ea6ae}.empty-state svg{opacity:.5}.orders-table{width:100%;border-collapse:collapse;min-width:1000px}.orders-table th{padding:.75rem 1rem;text-align:right;font-weight:500;font-size:.8125rem;color:#acb3b9;background:#32383e;border-bottom:1px solid hsl(210 11% 28%);white-space:nowrap}.orders-table td{padding:.75rem 1rem;text-align:right;font-size:.875rem;color:#e1e6ea;border-bottom:1px solid hsl(210 11% 24%)}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:#32383e}.code{font-family:ui-monospace,monospace;font-size:.8125rem;color:#2563eb}.date-cell{color:#9ea6ae;font-size:.8125rem}.status-action-cell{white-space:nowrap}.status-actions{display:flex;gap:.25rem}.status-btn{padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.status-btn.delivered{background:#16a34a26;color:#1cd05e;border:1px solid hsl(142.1 76.2% 36.3% / .3)}.status-btn.delivered:hover{background:#16a34a4d}.status-btn.returned{background:#7f1d1d26;color:#d44444;border:1px solid hsl(0 62.8% 30.6% / .3)}.status-btn.returned:hover{background:#7f1d1d4d}.no-action{color:#828c97}.status-toast{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;z-index:1000;animation:slideIn .3s ease-out}.status-toast.success{background:#16a34a26;color:#1cd05e;border:1px solid hsl(142.1 76.2% 36.3% / .3)}.status-toast.error{background:#7f1d1d26;color:#d44444;border:1px solid hsl(0 62.8% 30.6% / .3)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#2d3339;border-top:1px solid hsl(210 11% 28%)}.pagination{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid hsl(210 11% 28%);background:#32383e;color:#e1e6ea;border-radius:6px;cursor:pointer;transition:all .2s;padding:0}.pagination-btn:hover:not(:disabled){background:#3b424a;border-color:#acb3b9}.pagination-btn svg{stroke:currentColor}.page-info{color:#f9fafb;font-size:.875rem;padding:0 .5rem}.results-info{color:#9ea6ae;font-size:.875rem}@media(max-width:768px){.all-orders-page{padding:1rem}.stats-bar{flex-direction:column}.stat-item{max-width:none}.controls-bar{flex-direction:column;align-items:stretch}.search-form{max-width:none}.filter-panel{flex-direction:column;align-items:stretch}.filter-group,.filter-group select,.filter-group input,.range-inputs{width:100%}.range-inputs input{flex:1;width:auto}.table-footer{flex-direction:column;gap:.75rem}}.payment-page{padding:2rem;max-width:1400px;margin:0 auto;background:#22262a;min-height:100vh}.page-title{font-size:1.5rem;font-weight:600;color:#f9fafb;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.payment-page .upload-card{background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:12px;padding:2.5rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.payment-page .upload-zone{width:100%;max-width:600px;border:2px dashed hsl(210 11% 28%);border-radius:8px;padding:3rem 2rem;text-align:center;transition:all .2s ease;cursor:pointer;background:#24292d}.payment-page .upload-zone:hover,.payment-page .upload-zone.dragging{border-color:#4f5963;background:#2d3339}.payment-page .upload-zone.has-file{border-color:#16a34a;background:#16a34a14}.payment-page .upload-icon{color:#828c97;margin-bottom:1rem}.payment-page .upload-zone h3{color:#e1e6ea;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.payment-page .upload-hint{color:#9ea6ae;font-size:.875rem;margin-bottom:1.5rem}.payment-page .upload-limit{color:#828c97;font-size:.75rem;margin-top:1rem}.content-section{background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:12px;padding:2rem;min-height:400px}.files-section h2{color:#f9fafb;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.file-card{position:relative;background:#32383e;border:1px solid hsl(210 11% 30%);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.file-card:hover{background:#363d44;border-color:#4f5963;box-shadow:0 4px 12px #0003}.file-card .delete-btn{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:6px;background:#2d3339;border:1px solid hsl(210 11% 32%);color:#ef4343;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:10}.file-card:hover .delete-btn{opacity:1}.file-card .delete-btn:hover{background:#ef4343;border-color:#dc2828;color:#fff}.file-icon{width:64px;height:64px;background:#40474f;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.file-icon svg{color:#9099a2}.file-info{width:100%}.file-name{color:#e1e6ea;font-size:.9rem;font-weight:500;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{color:#9ea6ae;font-size:.8rem;margin-bottom:.25rem}.file-date{color:#828c97;font-size:.75rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ea6ae}.loading-state p,.empty-state p{margin-top:1rem;font-size:.9rem}.empty-state .empty-icon{color:#68737d}.empty-state .hint{color:#828c97;font-size:.875rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid hsl(210 11% 32%);color:#e1e6ea}.btn-outline:hover{background:#32383e;border-color:#5b6671}.btn-ghost:hover{background:#32383e}.btn-large{padding:.875rem 2rem;font-size:.9375rem}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:6px;font-size:.875rem;width:100%;max-width:600px}.alert.success{background:#16a34a1f;border:1px solid hsl(142.1 76.2% 36.3% / .3);color:#1ee166}@media(max-width:768px){.payment-page{padding:1rem}.files-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.file-card{padding:1rem}.file-icon{width:50px;height:50px}}.payment-data-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;background:#22262a;min-height:100vh}.payment-data-page .page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.payment-data-page h1{font-size:1.375rem;font-weight:600;color:#f9fafb;margin:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px}.stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.delivery .stat-icon{background:#1bca5c}.stat-card.fees .stat-icon{background:#f59f0a}.stat-card.net .stat-icon{background:#3c83f6}.stat-card.amount-due .stat-icon{background:#af57db}.stat-card.net-due .stat-icon{background:#2bd4bd}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8125rem;color:#9ea6ae;font-weight:500}.stat-value{font-size:1.375rem;font-weight:700;color:#f0f2f4}.range-inputs{display:flex;align-items:center;gap:.5rem}.range-inputs input{width:100px}.range-inputs span{color:#828c97}.search-section{margin-bottom:1.5rem}@media(max-width:900px){.stats-row{grid-template-columns:1fr}.payment-data-page{padding:1rem}.payment-data-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.shipment-data-page{padding:1.5rem 2rem;max-width:1600px;margin:0 auto;background:#22262a;min-height:100vh}.shipment-data-page .page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:6px;color:#d2d9df;font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#32383e;border-color:#4f5963;color:#f0f2f4}.shipment-data-page h1{font-size:1.375rem;font-weight:600;color:#f9fafb;margin:0}.controls-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.controls-bar .search-bar{flex:1;min-width:280px}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;color:#d2d9df;font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative}.filter-toggle:hover{background:#32383e;border-color:#4f5963;color:#f0f2f4}.filter-toggle.active{background:#3c83f626;border-color:#3c83f666;color:#6da2f8}.filter-badge{color:#3c83f6;font-size:1.25rem;line-height:1}.refresh-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;color:#d2d9df;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#32383e;border-color:#4f5963;color:#f0f2f4}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.filter-panel{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:1rem;padding:1.25rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{font-size:.75rem;color:#9ea6ae;font-weight:500}.filter-group select,.filter-group input{padding:.75rem 1rem;background:#22262a;border:1px solid hsl(210 11% 28%);border-radius:6px;color:#e1e6ea;font-size:.875rem;outline:none;transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{border-color:#3c83f6;box-shadow:0 0 0 3px #3c83f626}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid hsl(0 84% 60% / .3);border-radius:6px;color:#ef4343;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#ef43431f;border-color:#ef434380}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;max-width:600px}.search-bar svg{color:#828c97}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:#e1e6ea;font-size:.875rem}.search-bar input::placeholder{color:#828c97}.search-info{margin-top:.75rem;padding:.625rem 1rem;background:#3c83f61f;border:1px solid hsl(217 91% 60% / .25);border-radius:6px;font-size:.8125rem;color:#6da2f8;display:inline-block}.data-section{background:#292e33;border:1px solid hsl(210 11% 28%);border-radius:8px;padding:0;overflow:hidden}.table-wrapper{overflow-x:auto}.modern-table{width:100%;border-collapse:collapse;font-size:.8125rem}.modern-table th{background:#32383e;color:#acb3b9;padding:.875rem 1rem;text-align:right;font-weight:600;white-space:nowrap;border-bottom:1px solid hsl(210 11% 28%);position:sticky;top:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.modern-table td{padding:.875rem 1rem;border-bottom:1px solid hsl(210 11% 24%);color:#dbe0e6;text-align:right}.modern-table tbody tr{background:#292e33;transition:background .15s ease}.modern-table tbody tr:nth-child(2n){background:#2d3339}.modern-table tbody tr:hover{background:#363d44}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;background:#292e33;border-top:1px solid hsl(210 11% 28%);flex-wrap:wrap;gap:1rem}.table-pagination{display:flex;gap:.5rem}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#32383e;border:1px solid hsl(210 11% 28%);border-radius:6px;color:#d2d9df;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b424a;border-color:#4f5963;color:#f0f2f4}.table-info{font-size:.8125rem;color:#9ea6ae}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#9ea6ae}.loading-state p,.empty-state p{margin-top:1rem}.empty-state svg{color:#68737d}.alert{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.alert.error{background:#ef43431f;border:1px solid hsl(0 84% 60% / .3);color:#f15b5b}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#3c83f6;color:#fff}.btn-primary:hover{background:#2474f5}.btn-ghost{background:transparent;color:#d2d9df}.btn-ghost:hover{background:#32383e;color:#f0f2f4}.btn-outline{background:transparent;border:1px solid hsl(210 11% 28%);color:#d2d9df}.btn-outline:hover{background:#32383e;border-color:#4f5963}.btn-sm{padding:.5rem .875rem;font-size:.75rem}@media(max-width:900px){.shipment-data-page{padding:1rem}.shipment-data-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}}:root{--background: 210 11% 15%;--foreground: 210 17% 98%;--card: 210 11% 18%;--card-foreground: 210 17% 98%;--primary: 217 91% 60%;--primary-foreground: 210 17% 98%;--secondary: 210 11% 22%;--secondary-foreground: 210 17% 98%;--muted: 210 11% 22%;--muted-foreground: 210 9% 65%;--accent: 210 11% 24%;--accent-foreground: 210 17% 98%;--destructive: 0 84% 60%;--border: 210 11% 28%;--input: 210 11% 28%;--ring: 217 91% 60%;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.app-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));width:100%}.header-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;width:100%}.app-title{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:hsl(var(--foreground))}.app-subtitle{color:hsl(var(--muted-foreground));font-size:.875rem;margin-top:.25rem}.container{width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .2s}.stat-card:hover{border-color:hsl(var(--border) / 1.5);background:hsl(var(--accent))}.stat-icon{width:42px;height:42px;border-radius:calc(var(--radius) - 2px);display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));color:hsl(var(--foreground));flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.stat-value{color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;margin-top:.25rem}.upload-card,.data-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.upload-zone{border:2px dashed hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:3rem 2rem;text-align:center;transition:all .2s;cursor:pointer;background:hsl(var(--background))}.upload-zone:hover{border-color:hsl(var(--muted-foreground) / .5);background:hsl(var(--accent) / .5)}.upload-zone.dragging{border-color:hsl(var(--primary));background:hsl(var(--accent))}.upload-zone.has-file{border-color:#16a34a;background:#16a34a1a}.upload-icon{color:hsl(var(--muted-foreground));margin-bottom:1rem}.upload-zone h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.upload-hint{color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1.5rem}.upload-limit{color:hsl(var(--muted-foreground));font-size:.75rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent;font-family:inherit;white-space:nowrap}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.5rem 1rem}.btn-primary:hover:not(:disabled){background:#2474f5}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));padding:.5rem 1rem}.btn-secondary:hover:not(:disabled){background:hsl(var(--accent))}.btn-danger{background:transparent;color:hsl(var(--muted-foreground));padding:.5rem;border:1px solid transparent;opacity:.6;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#ef43431a;border-color:#ef434333;color:#dc2828;opacity:1}.btn-outline{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.5rem 1rem}.btn-outline:hover:not(:disabled){background:hsl(var(--accent));border-color:hsl(var(--border) / 1.5)}.btn-ghost{background:transparent;color:hsl(var(--foreground));padding:.5rem 1rem}.btn-ghost:hover:not(:disabled){background:hsl(var(--accent))}.btn-icon{padding:.5rem;width:36px;height:36px}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-large{padding:.75rem 1.5rem;width:100%;margin-top:1rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);margin-top:1rem;border:1px solid hsl(var(--border))}.alert.success{background:#16a34a1a;border-color:#16a34a4d;color:#1bca5c}.alert.error{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .3);color:hsl(var(--destructive))}.data-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.data-header h2{font-size:1.25rem;font-weight:600}.data-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.search-bar{display:flex;align-items:center;gap:.5rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:0 .75rem;height:36px}.search-bar:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.search-bar input{background:transparent;border:none;color:hsl(var(--foreground));font-size:.875rem;outline:none;flex:1;height:100%;font-family:inherit}.search-bar input::placeholder{color:hsl(var(--muted-foreground))}.table-wrapper{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table{width:100%;border-collapse:collapse;min-width:800px}.modern-table thead{background:hsl(var(--muted) / .6)}.modern-table th{padding:.75rem 1rem;text-align:right;font-weight:500;font-size:.8125rem;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));white-space:nowrap;height:48px}.modern-table td{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border) / .5);text-align:right;font-size:.875rem;height:52px}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr{transition:background-color .2s}.modern-table tbody tr:hover{background:hsl(var(--muted) / .3)}.code{font-family:ui-monospace,monospace;font-size:.8125rem;color:hsl(var(--foreground))}.date-cell{color:hsl(var(--muted-foreground));font-size:.8125rem}.client-cell{font-weight:500}.amount-cell,.weight-cell{font-weight:500;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;border-radius:calc(var(--radius) - 4px);padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:all .2s;border:1px solid transparent}.badge-success{background:#16a34a26;color:#1bca5c;border-color:#16a34a4d}.badge-info{background:#2563eb26;color:#4479ee;border-color:#2563eb4d}.badge-error{background:hsl(var(--destructive) / .15);color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .3)}.badge-pending{background:#e7b00826;color:#f7c222;border-color:#e7b0084d}.badge-warning{background:#f59f0a26;color:#f7b23b;border-color:#f59f0a4d}.badge-default{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:hsl(var(--muted) / .3);border-top:1px solid hsl(var(--border));border-radius:0 0 var(--radius) var(--radius)}.table-info{color:hsl(var(--muted-foreground));font-size:.875rem}.table-pagination{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:6px;cursor:pointer;transition:all .2s;padding:0;line-height:1}.pagination-btn svg{width:18px;height:18px;color:currentColor;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.pagination-btn:hover:not(:disabled){background:hsl(var(--accent));border-color:hsl(var(--border) / 1.5)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 1rem;color:hsl(var(--muted-foreground))}.empty-icon{opacity:.5;margin-bottom:1rem}.main-content{animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-table{padding:1rem}.skeleton-row{display:flex;gap:1rem;margin-bottom:.75rem;animation:slideInLeft .4s cubic-bezier(.16,1,.3,1) backwards}.skeleton-row:nth-child(1){animation-delay:.05s}.skeleton-row:nth-child(2){animation-delay:.1s}.skeleton-row:nth-child(3){animation-delay:.15s}.skeleton-row:nth-child(4){animation-delay:.2s}.skeleton-row:nth-child(5){animation-delay:.25s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--accent)),hsl(var(--muted)) 75%);background-size:200% 100%;border-radius:calc(var(--radius) - 4px);animation:shimmerSkeleton 2s ease-in-out infinite}@keyframes shimmerSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;flex:1}.upload-card,.data-card{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) backwards}.upload-card{animation-delay:.1s}.data-card{animation-delay:.2s}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stat-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards;transition:all .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid .stat-card:nth-child(1){animation-delay:.1s}.stats-grid .stat-card:nth-child(2){animation-delay:.2s}.stats-grid .stat-card:nth-child(3){animation-delay:.3s}.stats-grid .stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0000004d}.btn{position:relative;overflow:hidden;transform:translateZ(0);transition:all .3s cubic-bezier(.16,1,.3,1)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary:hover:not(:disabled){background:#2474f5;box-shadow:0 8px 20px #3b82f666}.modern-table tbody tr{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) backwards;transition:all .3s cubic-bezier(.16,1,.3,1)}.modern-table tbody tr:nth-child(1){animation-delay:.05s}.modern-table tbody tr:nth-child(2){animation-delay:.1s}.modern-table tbody tr:nth-child(3){animation-delay:.15s}.modern-table tbody tr:nth-child(4){animation-delay:.2s}.modern-table tbody tr:nth-child(5){animation-delay:.25s}.modern-table tbody tr:nth-child(n+6){animation-delay:.3s}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.modern-table tbody tr:hover{background:hsl(var(--muted) / .5);transform:scale(1.01);box-shadow:0 2px 8px #0000001a}.badge{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55) backwards;transition:all .2s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge:hover{transform:scale(1.05)}.upload-zone{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.upload-zone:before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);background:radial-gradient(circle at center,hsl(var(--primary) / .1),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.upload-zone:hover:before{opacity:1}.upload-zone:hover{transform:scale(1.01);border-color:hsl(var(--muted-foreground) / .5);box-shadow:0 8px 24px #00000026}.upload-zone.dragging{transform:scale(1.02);box-shadow:0 12px 32px #3b82f64d}.upload-icon{animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.alert{animation:slideInDown .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-bar{transition:all .3s cubic-bezier(.16,1,.3,1)}.search-bar:focus-within{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.pagination-btn{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.pagination-btn:hover:not(:disabled){transform:scale(1.1)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.empty-state{animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.empty-icon{animation:floatUpDown 4s ease-in-out infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;transition:outline-offset .2s ease}*:focus-visible:hover{outline-offset:4px}@media(max-width:1024px){.container{padding:1.5rem 1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.header-content{padding:1rem}.app-title{font-size:1.25rem}.container{padding:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.upload-card,.data-card{padding:1rem}.upload-zone{padding:2rem 1rem}.upload-zone h3{font-size:1rem}.data-header{flex-direction:column;align-items:stretch}.data-header h2{font-size:1.125rem}.data-controls{flex-direction:column;width:100%}.search-bar{width:100%}.data-controls .btn:not(.btn-icon){width:100%}.table-wrapper{border-radius:0;margin:0 -1rem;border-left:none;border-right:none}.modern-table th,.modern-table td{padding:.5rem .75rem}.modern-table th{font-size:.75rem}}@media(max-width:480px){.app-title,.stat-value{font-size:1.125rem}.modern-table th,.modern-table td{padding:.5rem;font-size:.75rem}.badge{font-size:.625rem;padding:.2rem .5rem}}