:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;min-height:100vh;padding:0}.container{max-width:1400px;margin:0 auto;padding:20px}h1{color:#333;text-align:center;margin-bottom:20px;font-size:clamp(1.5em,5vw,2.5em)}.main-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}@media (min-width: 768px){.main-grid{grid-template-columns:400px 1fr}}.drop-zone{background:#fff;border-radius:12px;padding:30px 20px;text-align:center;border:3px dashed #cbd5e0;transition:all .3s ease;cursor:pointer;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 8px #0000001a}.drop-zone.collapsed{min-height:60px;padding:15px 20px;flex-direction:row;gap:15px}.drop-zone.collapsed svg{width:30px;height:30px;margin-bottom:0}.drop-zone.collapsed h2{font-size:1em;margin-bottom:0}.drop-zone.collapsed p{display:none}@media (min-width: 768px){.drop-zone:not(.collapsed){height:300px;padding:40px}.main-grid.has-order{grid-template-columns:1fr}.drop-zone.collapsed{max-width:100%}}.drop-zone.dragover{border-color:#3b82f6;background:#f0f9ff;transform:scale(1.02)}.drop-zone svg{width:60px;height:60px;margin-bottom:15px;fill:#9ca3af;transition:fill .3s ease}@media (min-width: 768px){.drop-zone svg{width:80px;height:80px;margin-bottom:20px}}.drop-zone.dragover svg{fill:#3b82f6}.drop-zone h2{color:#4a5568;margin-bottom:10px;font-size:clamp(1.2em,3vw,1.5em)}.drop-zone p{color:#718096;font-size:14px}.order-details{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}@media (min-width: 768px){.order-details{padding:30px}}.order-details h3{color:#2d3748;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0;font-size:clamp(1.2em,3vw,1.5em)}.detail-row{display:grid;grid-template-columns:1fr;margin-bottom:15px;gap:5px}@media (min-width: 768px){.detail-row{grid-template-columns:150px 1fr;align-items:start}}.detail-label{font-weight:600;color:#4a5568;font-size:.9em}.detail-value{color:#2d3748;word-break:break-word}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-received{background:#e0f2fe;color:#0369a1}.status-design{background:#fef3c7;color:#92400e}.status-production{background:#fed7aa;color:#9a3412}.status-quality{background:#e9d5ff;color:#6b21a8}.status-shipping{background:#bbf7d0;color:#14532d}.status-shipped{background:#dcfce7;color:#166534}.status-partial{background:#fef3c7;color:#92400e}.orders-table{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}@media (min-width: 768px){.orders-table{padding:30px}}.orders-table h2{color:#2d3748;margin-bottom:20px;font-size:clamp(1.2em,3vw,1.5em)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th{text-align:left;padding:12px 8px;background:#f7fafc;color:#4a5568;font-weight:600;border-bottom:2px solid #e2e8f0;font-size:.85em}td{padding:12px 8px;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:.9em}tr:active{background:#f7fafc}@media (min-width: 768px){th,td{padding:12px;font-size:1em}tr:hover{background:#f7fafc}}.action-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}@media (min-width: 640px){.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.btn{padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:active{background:#2563eb}@media (min-width: 768px){.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:active{background:#cbd5e0}@media (min-width: 768px){.btn-secondary:hover{background:#cbd5e0}}.items-tracking{background:#f7fafc;border-radius:8px;padding:15px;margin-top:10px}.item-card{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid #e2e8f0}.item-card:last-child{margin-bottom:0}.item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px;flex-wrap:wrap;gap:10px}.item-name{font-weight:600;color:#2d3748;font-size:.95em}.item-code{color:#718096;font-size:.85em;font-family:monospace}.item-qty-price{color:#4a5568;font-size:.9em}.item-workflow{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.item-status-btn{padding:6px 10px;border:1px solid #cbd5e0;border-radius:6px;font-size:10px;text-transform:uppercase;cursor:pointer;background:#fff;color:#718096;transition:all .2s ease;white-space:nowrap}.item-status-btn:active{transform:scale(.95)}.item-status-btn.active{font-weight:600;border-width:2px}.item-status-btn.status-received.active{background:#0369a1;color:#fff;border-color:#0369a1}.item-status-btn.status-design.active{background:#dc2626;color:#fff;border-color:#dc2626}.item-status-btn.status-production.active{background:#ea580c;color:#fff;border-color:#ea580c}.item-status-btn.status-quality.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.item-status-btn.status-ready.active{background:#16a34a;color:#fff;border-color:#16a34a}.production-code{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.85em;color:#475569;margin-top:5px;display:inline-block}.empty-state{text-align:center;padding:30px 20px;color:#718096}@media (min-width: 768px){.empty-state{padding:40px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:30px}}.stat-card{background:#fff;border-radius:12px;padding:15px;text-align:center;box-shadow:0 2px 8px #00000014}@media (min-width: 768px){.stat-card{padding:20px}}.stat-number{font-size:1.5em;font-weight:700;color:#333}@media (min-width: 768px){.stat-number{font-size:2em}}.stat-label{color:#718096;font-size:.8em;margin-top:5px}@media (min-width: 768px){.stat-label{font-size:.9em}}input[type=file]{display:none}.mobile-orders{display:block}@media (min-width: 768px){.mobile-orders{display:none}}.desktop-table{display:none}@media (min-width: 768px){.desktop-table{display:block}}.order-card{background:#fff;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease}.order-card:active{background:#f7fafc;transform:scale(.98)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-card-number{font-weight:700;color:#2d3748;font-size:1.1em}.order-card-detail{color:#718096;font-size:.9em;margin-bottom:5px}.order-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}.order-summary{background:#fff8dc;border:1px solid #fbbf24;border-radius:8px;padding:15px;margin-bottom:15px}.order-summary h4{color:#92400e;margin-bottom:10px}.summary-text{color:#78350f;font-size:.9em}.dev-mode{position:fixed;bottom:0;left:0;right:0;max-height:300px;background:#1a1a1a;color:#0f0;font-family:Courier New,monospace;font-size:11px;padding:10px;overflow-y:auto;border-top:2px solid #00ff00;z-index:9999;display:none}.dev-mode.active{display:block}.dev-mode pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.dev-toggle{position:fixed;bottom:20px;left:20px;background:#333;color:#fff;padding:8px 15px;border-radius:5px;cursor:pointer;z-index:10000;font-size:12px;border:1px solid #666}.dev-toggle:hover{background:#555}
