*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}button{cursor:pointer}.layout{height:100vh}.layout,.sidebar{display:flex;overflow:hidden}.sidebar{width:320px;background:#1a1a2e;color:#fff;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px 16px 12px;border-bottom:1px solid #2d2d4e}.sidebar-header h1{font-size:16px;font-weight:700;color:#e0e0ff;margin-bottom:8px}.sidebar-search{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #3d3d6e;background:#2d2d4e;color:#fff;font-size:13px;outline:none}.sidebar-search::placeholder{color:#888}.sidebar-list{flex:1 1;overflow-y:auto;padding:8px 0}.category-group{margin-bottom:4px}.category-label{padding:6px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6e6e9e}.box-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .15s}.box-item.active,.box-item:hover{background:#2d2d4e}.box-item.active{border-left-color:#6c63ff}.box-item-code{font-size:13px;font-weight:600}.box-item-units{font-size:11px;color:#888}.main{flex:1 1;overflow-y:auto;padding:24px}.main-header{margin-bottom:20px}.main-header h2{font-size:22px;font-weight:700;color:#1a1a2e}.main-header p{color:#666;font-size:13px;margin-top:4px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.product-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column}.product-image{width:100%;aspect-ratio:1;object-fit:contain;background:#f9f9f9;padding:8px}.product-image-placeholder{width:100%;aspect-ratio:1;background:#eee;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px}.product-info{padding:10px;flex:1 1;display:flex;flex-direction:column;gap:4px}.product-asin{font-size:11px;color:#888;font-family:monospace}.product-qty{font-size:13px;font-weight:600}.move-form{margin-top:8px;display:flex;flex-direction:column;gap:6px}.move-select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px;background:#fff;outline:none}.move-select:focus{border-color:#6c63ff}.btn{padding:7px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;transition:background .15s}.btn-primary{background:#6c63ff;color:#fff}.btn-primary:hover{background:#5a52e0}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#eee;color:#333}.btn-secondary:hover{background:#ddd}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.move-toggle-btn{margin-top:8px;width:100%;padding:6px;border:1px dashed #6c63ff;border-radius:6px;background:transparent;color:#6c63ff;font-size:12px;font-weight:600}.move-toggle-btn:hover{background:#f0efff}.new-box-row{display:flex;gap:6px}.new-box-input{flex:1 1;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:12px;outline:none;text-transform:uppercase}.new-box-input:focus{border-color:#6c63ff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#aaa;gap:12px}.empty-state-icon{font-size:48px}.operarios-layout{min-height:100vh;background:#111;padding:24px}.operarios-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.operarios-header h1{color:#fff;font-size:22px;font-weight:700}.operarios-header .badge{background:#6c63ff;color:#fff;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700}.movements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.movement-card{background:#1e1e2e;border-radius:12px;overflow:hidden;border:1px solid #2d2d4e}.movement-card.done{opacity:.4}.movement-img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:12px}.movement-img-placeholder{width:100%;aspect-ratio:1;background:#2d2d4e;display:flex;align-items:center;justify-content:center;color:#555;font-size:12px}.movement-body{padding:16px}.movement-asin{font-size:11px;color:#666;font-family:monospace;margin-bottom:10px}.movement-boxes{display:flex;align-items:center;gap:10px;margin-bottom:14px}.movement-box{flex:1 1;background:#2d2d4e;border-radius:8px;padding:8px 10px;text-align:center}.movement-box-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.06em}.movement-box-code{font-size:16px;font-weight:700;color:#fff;margin-top:2px}.movement-box-arrow{font-size:20px;color:#6c63ff}.btn-done{width:100%;padding:12px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.btn-done:hover{background:#16a34a}.btn-done:disabled{background:#2d2d4e;color:#555;cursor:not-allowed}.no-movements{font-size:18px}.loading,.no-movements{color:#555;text-align:center;margin-top:80px}.loading{font-size:16px}.toast{position:fixed;bottom:24px;right:24px;background:#22c55e;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}