:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;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}#root{width:100%;margin:0;padding:0;text-align:center}.kpi-row{display:flex;gap:15px;justify-content:space-between}.matrix-container{flex:1;background:#1e1e1e;border-radius:12px;padding:0;overflow:hidden;display:flex;flex-direction:column}.inventory-matrix{width:100%;border-collapse:separate;border-spacing:0;color:#e5e7eb}.inventory-matrix thead{position:sticky;top:0;background:#1e1e1e;z-index:10}.inventory-matrix th{text-align:left;padding:27px 16px 12px;border-bottom:2px solid #374151;font-weight:600;text-transform:uppercase;font-size:.85rem;color:#9ca3af}.matrix-container{overflow-y:auto}.th-ordered{color:#60a5fa!important;text-align:right!important}.th-verified{color:#34d399!important;text-align:right!important}.th-requested{color:#fbbf24!important;text-align:right!important}.th-packed{color:#a78bfa!important;text-align:right!important}.th-leftover{color:#f87171!important;text-align:right!important}.inventory-matrix td{padding:12px 16px;border-bottom:1px solid #374151;font-size:1rem}.inventory-matrix th:first-child,.inventory-matrix td:first-child{padding-left:31px}.inventory-matrix th:last-child,.inventory-matrix td:last-child{padding-right:31px}.td-name{font-weight:500;color:#fff}.td-val{text-align:right;font-family:Roboto Mono,monospace;color:#4b5563}.has-val-ordered{color:#60a5fa;font-weight:600;background:#3b82f61a}.has-val-verified{color:#34d399;font-weight:600;background:#10b9811a}.has-val-requested{color:#fbbf24;font-weight:600;background:#f59e0b1a}.has-val-packed{color:#a78bfa;font-weight:600;background:#8b5cf61a}.has-val-leftover{color:#f87171;font-weight:600;background:#ef44441a}.empty-cell{text-align:center;padding:40px;color:#6b7280;font-style:italic}.name-cell-content{display:flex;align-items:center;gap:12px}.table-item-avatar{width:32px;height:32px;border-radius:50%;background:#475569;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.table-item-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#475569}.overall-view{display:flex;flex-direction:column;height:100%;gap:20px;padding:10px;overflow:hidden}.mobile-header{display:none}.kpi-row{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.kpi-card{flex:1;background:#1e1e1e;border-radius:12px;padding:15px;text-align:center;box-shadow:0 4px 6px #0000004d;border-top:4px solid transparent}.kpi-ordered{border-color:#3b82f6}.kpi-verified{border-color:#10b981}.kpi-requested{border-color:#f59e0b}.kpi-packed{border-color:#8b5cf6}.kpi-leftover{border-color:#ef4444}.kpi-label{font-size:.9rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.kpi-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.kpi-sub{font-size:.8rem;color:#6b7280;margin-top:5px}.matrix-container{flex:1;background:transparent;border-radius:0;padding:0;overflow-y:auto;margin-top:10px}.overall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding-bottom:20px}.overall-card{background:#1e1e1e;border-radius:16px;padding:20px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;gap:16px;border:1px solid #333;transition:transform .2s}.overall-card:hover{transform:translateY(-2px);border-color:#555}.overall-card-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #444;padding-bottom:16px;margin-bottom:4px}.item-avatar{width:72px;height:72px;border-radius:50%;background:#334155;color:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.item-avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#334155}.item-info{flex:1;min-width:0}.item-name{font-size:1.5rem;font-weight:800;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.item-sub{font-size:1rem;color:#94a3b8}.highlight-val{color:#fff;font-weight:700;font-size:1.1rem}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;background:#ffffff08;min-height:auto}.stat-label{font-size:1rem;text-transform:uppercase;color:#9ca3af;margin-bottom:0;font-weight:700;text-align:left}.stat-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.stat-value{font-size:1.5rem;font-weight:800;color:#e2e8f0;font-family:Roboto Mono,monospace;line-height:1.1}.stat-date{font-size:.8rem;color:#6b7280;text-align:right;font-weight:500}.stat-item.active-stat{background:#ffffff14}.stat-item.ordered.active-stat .stat-value{color:#60a5fa}.stat-item.ordered.active-stat .stat-label{color:#60a5fa;opacity:.9}.stat-item.verified.active-stat .stat-value{color:#34d399}.stat-item.verified.active-stat .stat-label{color:#34d399;opacity:.9}.stat-item.requested.active-stat .stat-value{color:#fbbf24}.stat-item.requested.active-stat .stat-label{color:#fbbf24;opacity:.9}.stat-item.packed.active-stat .stat-value{color:#a78bfa}.stat-item.packed.active-stat .stat-label{color:#a78bfa;opacity:.9}.stat-item.leftover.active-stat .stat-value{color:#f87171}.stat-item.leftover.active-stat .stat-label{color:#f87171;opacity:.9}.empty-list{text-align:center;padding:40px;color:#6b7280;font-style:italic;grid-column:1 / -1}.search-container{margin-bottom:10px;display:none;box-sizing:border-box}.search-input{width:100%;padding:12px 16px;background:#1e1e1e;border:1px solid #333;border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.search-input:focus{border-color:#3b82f6;background:#252525;box-shadow:0 0 0 3px #3b82f633}@media(max-width:768px){.overall-view{padding:0 0 20px;gap:0;height:auto;overflow-y:visible;background-color:#000}.mobile-header{display:block;padding:20px 16px 10px;background:#000}.mobile-title{font-size:2rem;font-weight:800;color:#fff;margin:0;line-height:1.1;letter-spacing:-.02em}.mobile-date{font-size:.9rem;color:#9ca3af;margin:4px 0 0;font-weight:500}.kpi-row{display:none}.kpi-card{min-width:120px;flex:0 0 auto;padding:10px}.kpi-value{font-size:1.8rem}.matrix-container{margin-top:5px;overflow-y:visible}.overall-grid{display:flex;flex-direction:column;gap:16px;padding:0 16px;box-sizing:border-box}.overall-card{width:100%;box-sizing:border-box;padding:16px;border-radius:16px;border:1px solid #333;background:#1e1e1e;box-shadow:0 4px 6px #0000004d;margin-bottom:0}.search-container{display:block;width:100%;box-sizing:border-box;padding:0 16px 16px;position:sticky;top:0;background:#000;z-index:10;margin-bottom:10px;border-bottom:none}.search-input{background:#1e1e1e;border:none;padding:14px 18px;font-size:1.1rem}.item-avatar,.item-avatar-img{width:48px;height:48px;font-size:1.2rem;margin-right:0}.overall-card-header{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #2a2a2a}.item-name{font-size:1.1rem;font-weight:700;margin-bottom:2px}.item-sub{font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stats-grid .stat-item.packed{display:none}.stat-item{padding:6px 4px;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:#ffffff0d;border-radius:8px}.stat-right{align-items:center;width:auto;flex-direction:column;justify-content:center;gap:0}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;opacity:.8;letter-spacing:0px}.stat-value{font-size:1.1rem;font-weight:800;line-height:1}.stat-date{display:none}.stat-value.text-long{font-size:.95rem}.stat-value.text-very-long{font-size:.8rem;word-break:break-all}}.app-container{width:100vw;height:100vh;background-color:#0f172a;color:#e2e8f0;overflow:hidden;display:flex;flex-direction:column}.dashboard-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.dashboard-header{height:70px;background-color:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-shadow:0 4px 6px -1px #0003;z-index:20;flex:0 0 auto}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-.025em;background:linear-gradient(to right,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.dashboard-header{display:none}}.header-left{display:flex;align-items:center;gap:20px}.view-toggle{display:flex;background:#333;padding:4px;border-radius:8px;gap:4px}.toggle-btn{background:transparent;border:none;color:#999;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.toggle-btn.active{background:#555;color:#fff;box-shadow:0 1px 3px #0003}.toggle-btn:hover:not(.active){color:#ccc;background:#ffffff0d}.header-center{flex:1;text-align:center}.header-date{font-size:1.25rem;font-weight:600;color:#e2e8f0;letter-spacing:.02em}.time-display{font-family:JetBrains Mono,Courier New,monospace;font-size:1.5rem;color:#facc15;font-weight:700;display:flex;align-items:baseline;gap:.5rem}.last-updated-label{font-size:.75rem;color:#94a3b8;font-weight:400;font-family:Inter,system-ui,sans-serif}.dashboard-grid{flex:1;display:flex;flex-direction:row;width:100%;gap:2px;background:#1e293b;overflow:hidden;min-height:0}.status-column{flex:1;width:0;background-color:#0f172a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;min-height:0}.status-column:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent);pointer-events:none}.column-header{flex:0 0 auto;padding:1rem;margin:0;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background-color:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-shadow:0 4px 6px -1px #0000001a}.count-badge{color:#f8fafc;padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:700;min-width:1.5rem;text-align:center;background:#ffffff1a}.col-ordered{--theme-color: #3b82f6}.col-verified{--theme-color: #eab308}.col-requested{--theme-color: #f97316}.col-packed{--theme-color: #22c55e}.col-leftover{--theme-color: #a855f7}.column-header{color:var(--theme-color);border-top:3px solid var(--theme-color)}.count-badge{color:var(--theme-color);background:color-mix(in srgb,var(--theme-color) 15%,transparent)}.card-list{flex:1;overflow-y:auto;min-height:0;padding:.75rem .75rem 2rem;display:flex;flex-direction:column;gap:.75rem;overscroll-behavior:contain}.empty-state{text-align:center;color:#64748b;margin-top:4rem;font-style:italic;font-size:.9rem}.stock-card{background:#1e293b;border-radius:.75rem;box-shadow:0 4px 6px -1px #0003;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out}.stock-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d;background:#233045;border-color:#ffffff26}.stock-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--theme-color);opacity:.8}.card-header{padding:.75rem .75rem .25rem;display:flex;align-items:flex-start}.card-item-name{font-size:1.125rem;font-weight:700;color:#f1f5f9;line-height:1.3}.card-body{padding:.5rem .75rem;display:flex;gap:.75rem;align-items:flex-start}.quantity-box{background:color-mix(in srgb,var(--theme-color) 10%,#0f172a);border:1px solid color-mix(in srgb,var(--theme-color) 30%,transparent);border-radius:.5rem;padding:.4rem .5rem;display:flex;flex-direction:column;align-items:center;min-width:60px}.quantity-label{font-size:.6rem;text-transform:uppercase;color:var(--theme-color);font-weight:700;opacity:.8}.quantity-value{font-size:1.1rem;font-weight:800;color:#fff}.meta-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.meta-row{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#94a3b8;line-height:1.2}.meta-icon{font-size:.8rem;opacity:.7}.meta-text{color:#cbd5e1}.status-text{font-weight:600;color:var(--theme-color);background:color-mix(in srgb,var(--theme-color) 10%,transparent);padding:.1rem .4rem;border-radius:4px}.card-footer{background:#0003;padding:.4rem .75rem;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05)}.card-date{font-size:.7rem;color:#94a3b8;font-family:JetBrains Mono,Consolas,monospace;font-weight:500;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-list::-webkit-scrollbar{width:8px}.card-list::-webkit-scrollbar-track{background:#0003}.card-list::-webkit-scrollbar-thumb{background-color:#475569;border-radius:4px;border:2px solid #0f172a}.card-list::-webkit-scrollbar-thumb:hover{background-color:#64748b}